一尘不染

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

css

使用绝对位置时,有什么方法可以覆盖父元素的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索引,并且尝试将2222元素相对于1111元素定位。


阅读 478

收藏
2020-05-16

共1个答案

一尘不染

我相信z-index是相对于最近定位的元素。因此,如果您在“ 1111”
div中有两个div,则它们可以相对于彼此进行z索引,但是由于2222是1111的子元素,因此不能相对于0000进行z索引,并且始终1111以上。

2020-05-16