Question

为什么#opacwall涵盖#moviechoose？

<div id="moviechoose" style="width: 50px;height: 50px;background: #f2c249;border: none;position:absolute;left:50px;top:50px;z-index:1;border-radius:130px; display: none;"></div>

JQuery的：

 $('.circlemenubutton').click(function(){

    $('#moviechoose').show(200);
    $('<div/>', {
        'id':'opacwall',
        'style':' width: 100%;height: 100%;background: black;border: none;position:fixed;left:0%;top:0%;z-index:0;opacity:0.6'

    }).appendTo('body');
    });

Answer 1

以下是我认为您使用jQuery-2.1.3尝试https://jsfiddle.net/mzg1v0q5/的工作演示

人们常常对z-index感到困惑，因此我建议您阅读本文以完全理解它：http://www.smashingmagazine.com/2009/09/15/the-z-index-css-property-a-comprehensive-look/

关键信息（在我看来）是因为z-index will only work on an element whose position property has been explicitly set to absolute, fixed, or relative。你已经在你的示例代码中完成了这个，所以希望看到小提琴会帮助你。

Z指数被打破

1 个答案: