我可以覆盖父元素的z-index继承吗？

Question

使用绝对位置时，有没有办法覆盖父元素的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，我试图将我的2222元素相对于1111元素定位。

Answer 1

我相信z-index是相对于最近的定位元素。所以，如果你在“1111”div中有两个div，它们可以相对于彼此z-index'd，但是因为2222是1111的子节点，所以它不能相对于0000进行z索引，并且将始终是1111以上。