web-dev-qa-db-ja.com

親要素からのz-index継承をオーバーライドできますか?

絶対位置を使用するときに、親要素からのz-index継承をオーバーライドする方法はありますか? 2222divを0000divの上に配置したい:

<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または1111divのz-indexを変更できず、2222要素を1111要素に対して配置しようとしています。

31
Marek

Z-indexは、最も近い位置にある要素を基準にしていると思います。したがって、「1111」div内に2つのdivがある場合、それらは相互にz-indexされる可能性がありますが、2222は1111の子であるため、0000に対してz-indexされることはできず、常に1111より上。

24
Ryan Kinal