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

Mar*_*rek 30 css position z-index

有没有办法在使用绝对位置时覆盖父元素的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>
Run Code Online (Sandbox Code Playgroud)

我无法更改0000或1111 div的z-index,我试图将我的2222元素相对于1111元素定位.

Rya*_*nal 25

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

  • 所以,如果我理解正确,就没有办法将"z-index"元素相对于其父级兄弟方式对我来说,那么将子元素2222直接添加到document.body并使用$()计算其相对于1111的绝对位置.偏移() (3认同)
  • 我有这个问题,鉴于CMS的局限性,我不可能真正"修复"这个问题所以我必须共同破解一些东西以使模态底层工作.我想出的最好的想法是,当我启动模态弹出窗口时,我重置了父级的z-index.在离开模态的路上,我将原始z-index重新附加在close模态函数中. (3认同)
  • 超级烦人.-_- (2认同)