5

好的，所以我的 html 中有这个测试设置

<div style="position:absolute;left:0px;top:0px;z-index:1;width:200px;height:200px;background-color:red;">
<div style="position:absolute;left:0px;top:0px;z-index:3;width:50px;height:50px;background-color:green;"></div>
</div>

<div style="position:absolute;left:0px;top:0px;z-index:2;width:100px;height:100px;background-color:blue"></div>

我希望蓝色 div 呈现在红色 div 前面，但我希望红色的子 div（绿色）呈现在蓝色前面，查看该代码，如果 z-index 是全局的，它似乎应该可以工作，但它似乎是父元素的本地元素，因为蓝色呈现在红色之上，但绿色不会呈现在顶部，除非我将绿色 div 移出父元素？我怎样才能使用“全局 z-indexes”或其他任何东西。它以这种方式工作对我的实际项目至关重要

4

1 回答 1

9

Z 索引始终是本地的或相对于最近定位的祖先（在本例中为父）。CSS中没有全局z-index属性。

您必须将果岭div移出其父级。

于 2013-02-17T05:36:54.287 回答