私は、位置が固定され、z-インデックス= 5を持つ要素を持っています。ブラウザのサイズを変更すると、この要素はz-index = 10の(静的に配置された)要素の前に現れます。私が期待する行動。CSSのz-インデックス
this pageを開き、 "Chalets des Bouleaux"のロゴが写真上にくるまでブラウザウィンドウを絞り込みます(前者はz-インデックス= 5、後者はz-インデックス= 10)。だから、シャレーロゴが画像の上に表示されますZインデックス10
私は、位置が固定され、z-インデックス= 5を持つ要素を持っています。ブラウザのサイズを変更すると、この要素はz-index = 10の(静的に配置された)要素の前に現れます。私が期待する行動。CSSのz-インデックス
this pageを開き、 "Chalets des Bouleaux"のロゴが写真上にくるまでブラウザウィンドウを絞り込みます(前者はz-インデックス= 5、後者はz-インデックス= 10)。だから、シャレーロゴが画像の上に表示されますZインデックス10
あなたが「相対位置」を追加する必要がありますか? IE8では上手く見えます。
*確かに*。 'z-index'は、配置された要素にのみ適用されます。だから、10のZインデックスは何もしていない:http://reference.sitepoint.com/css/z-index – mercator
を持つ要素に:
おかげで、 ドン
いいえ、それは下に表示されます。 –
ここに問題があるかどうかはわかりませんが、オブジェクトがDOM内の兄弟でない場合は同様の問題が発生しています。いくつかのブラウザは、z-indexに無関係に従うでしょう。他のブラウザ(IE?)は、同じparentNodeを持つ要素のペアの間でのみそれを尊重します。またはそのようなもの。おもう。 – Alec