0

ホームページにポップアップ コーヒー スライドショーがあります - theCoffeeLocator.com (「利点」をクリックしてスライドを開きます。

スライドショーを開くと、ウェブページの残りの部分が半透明で暗くなります。上部のナビゲーション バー div (id="topstrip") は、暗くなった div (id="jdarken") の後ろに配置されません。

どんなアイデアでもありがとう

4

2 に答える 2

3

( #topstripz-index: 995) は 内の#header(z-index: 994) 内に配置されます#back。

( #jdarkenz-index: 996) は 内の#contentarea(z-index: 1) 内に配置されます#back。

以来994>1、 のすべての子は のすべての子の#header上に描画されます#contentarea。は#jdarkenとは異なるスタッキング コンテキスト (DOM ツリーの z インデックス付きノードで区切られている) にあり#topstrip、それらの相対的な z インデックスは重要ではありません。

解決策として、z-index を から削除することをお勧めし#contentareaます。これは と#jdarken同じスタッキング コンテキストに配置される#headerため、の上 (および 上) に#jdarkenスタックされます。私の理解が正しければ、の z-indexも使用されておらず、結果なしで属性を削除できます。#header#topstrip996 > 994#topstrip

positionまた、z-index を有効にするには、要素を編集する必要があることも事実です(fixedそうします)。ただし、この条件はここで満たされます。

于 2013-01-01T14:31:45.530 に答える
0

z-index プロパティが機能するためには、要素に相対、絶対、または固定のいずれかの位置属性が必要です。

ソース コードを確認したところ、グレー表示された要素が他の要素の中にあることに気付きました。z-index の動作は、親のプロパティの影響を受けます。

id="jdarken" div をページの下部に移動してから試してください。

于 2013-01-01T13:55:41.177 に答える