0

次の Web サイトがあります: http://dev.driz.co.uk/phase/about.php

IE7 で Web サイトを表示すると、左上のドロップダウン メニューがメイン コンテンツ領域の上に表示されないことがわかります。これは愚かな IE7 z-index バグによるものですが、メイン コンテンツの下に親ヘッダーを配置する必要があるため、子を修正するために親要素のインデックスを高くする通常の修正はこのインスタンスでは機能しません。 ..

私が持っているレイアウト構造に基づいてこれを修正する方法についてのアイデアはありますか? ループ内の z-index をリセットする jquery ソリューションを含む、ネット上のほとんどの IE 修正を試しましたが、どれも問題を解決していません。

4

2 に答える 2

0

nav 要素よりも小さい z-index をヘッダーに与える必要があります。

IE7 は z-index が面倒なので、このような構造にする必要があります。

ヘッダー - z-index:2 コンテンツ - z-index:3 Nav - z-index:4

その意味で、申し訳ありませんが、これ以上お力になれません。

于 2012-05-30T09:14:38.140 に答える
-1

IEでz-indexに問題がある場合、z-indexの影響を受ける要素を相対位置に設定することがわかりました。

すなわち

#block {
    z-index: 1;
    position: relative;
}
于 2012-05-30T09:38:33.533 に答える