☰

子要素の Z インデックスを親要素より高くするにはどうすればよいでしょうか? [重複] 質問する

tag-icon • tag-icon css z-index
子要素の Z インデックスを親要素より高くするにはどうすればよいでしょうか? [重複] 質問する

次のようなコードがあるとします:

<div class="parent">
    <div class="child">
        Hello world
    </div>
</div>

<div class="wholePage"></div>

このjsFiddle:http://jsfiddle.net/ZjXMR/

<div class="child">ここで、の上にが必要です<div class="wholePage">が、jsFiddle では、 の前に子要素がレンダリングされていることがわかります<div class="wholePage">。

parentクラスpositionまたはを削除するとz-index、すべて正常に動作します。これは私が必要とする正しい動作です。http://jsfiddle.net/ZjXMR/1/

z-indexページから何かを削除して、または削除せずに、これを実行するにはどうすればよいですか?

ベストアンサー1

子のz-indexスタック インデックスが親と同じスタック インデックスに設定されているため、これは不可能です。

親から z-index を削除することですでに問題は解決されています。そのままにしておくか、要素を子ではなく兄弟にしてください。

おすすめ記事