css - コンテンツIE7の背後にあるCSSドロップダウンメニュー

Question

IE7 で表示するとメインページコンテンツの背後に隠れるドロップダウン css メニューがあります。z-index 値を変更しようとしましたが、うまくいきませんでした。このサイトの他のトピックの提案も試しましたが、うまくいきませんでした。

どんな助けでも大歓迎です

score 9 · Accepted Answer

Z-indexに関するCSS 仕様の段落では、新しいスタッキングコンテキストは、auto 以外の z-index を持つ配置されたコンテンツに対してのみ作成されると述べています。

li内部#navにはがありposition:relative、明らかに IE はこれを新しいスタッキングコンテキストとして解釈します。

これを試して：

#nav li {
    display: block;
    position: relative;
    z-index: 1;         // force IE to recognize stack at this point
}

score 1 · Accepted Answer

このコードをテストしました。確実に動作します。この CSS は IE7 のみに設定してください。

#menu {position:relative; z-index:100;}

score 1 · Accepted Answer

追加する必要があります

position:relative;

あなたに<ul>

Z-Index は、同じスタッキングコンテキスト内の他のすべての要素に対して相対的に指定されます。Z-Index を 100 にすることはできますが、要素が完全に異なるスタックコンテキストに属している場合、違いはほとんどありません。

3 に答える 3