我能否覆盖父元素的z-index继承？

Question

我能否覆盖父元素的z-index继承？

34

在使用绝对定位时，是否有办法覆盖父元素的 z-index 继承。我希望 2222 div 在 0000 div 的上方：

<div style="background-color:green; z-index:10; position:relative">
     OOOO
</div>

<div style="background-color:yellow; z-index:5; position:relative">
     1111
     <div style="position:absolute; background-color:red; 
                 z-index:15; top:-8px; left:20px">
         2222
     </div>
</div>

我无法改变0000或1111 div的z-index，我试图相对于1111元素定位我的2222元素。

- Marek

1个回答

网页内容由stack overflow 提供, 点击上面的

可以查看英文原文，
原文链接

- Ryan Kinal · Accepted Answer

我相信 z-index 是相对于最近的定位元素的。所以，如果你在 "1111" div 中有两个 div，它们可以相对于彼此进行 z-index 排序，但由于 2222 是 1111 的子元素，所以不能将其相对于 0000 进行 z-index 排序，并且始终会位于 1111 的上方。