Z-インデックスは有効ではありませんか？

Question

私はdivの上に背景画像を使用しようとしています。すべての要素に位置属性があり、バックグラウンドイメージには50％の不透明度が与えられているので、その背景を見ることができます。 div 'ラッパー'のZ-インデックスはイメージよりも高いですが、まだ後ろに現れています。また、それはページの下部にあり、私はそれを上部に表示し、100％の高さを持っています。

あなたはdiv要素が画像の背後にあるとだけ画像の不透明度のbecuase見ることができる見ることができるように：ここでは

は、私が現在見ているものの画像です。

ご協力いただきありがとうございます、ありがとうございます。

Answer 1

ラップトップのZ-インデックスが高くなっていても#PageコンテナのZ-インデックスがイメージよりも小さいためです。親コンテナのZが優先されます。

#pageからzを削除するだけで問題が解決されます（これをテストするのは避けてください）。

さらに、実際にはこれらのすべてについてzは必要ありません。要素の通常の積み重ね順序を利用することができます。要素の下側の要素は、以前の要素の上に積み重ねられています。

Answer 2

z-index子要素の値は、その親の範囲内でのみ役割を果たす。この場合、#wrapperは#Pageの内側にあり、#home-bg z-インデックス2に対してzインデックスが-1000である。