ここでテストケースを作成しましたhttp://testcases.site44.com/ IE-7 ドロップダウンがバナー画像に表示されません。firefox と chrome では問題ありません。
問題を見つけるのを手伝ってください。
ここでテストケースを作成しましたhttp://testcases.site44.com/ IE-7 ドロップダウンがバナー画像に表示されません。firefox と chrome では問題ありません。
問題を見つけるのを手伝ってください。
あなたの要素id="footer"をid="main"よりも高い z-index で配置してみてください
削除する
z-index:1
from div id="banner" この変更を ie-7 に対してのみ行う
実際z-index:1
にはie-7にのみ影響します
IE には、z-index を理解するための別のアプローチがあります。上記のリンクの HTML の非常に苛立たしいアプローチに加えて、次のことを行う必要があります。
2 つの div があり、最初の div に 2 番目の div のコンテンツを超える必要がある場合は、両方に z-index を設定する必要があり、コンテンツが含まれている方の値を高くする必要があります。もう一方の上。
例:
<div id="wrapper">
<ul id="flyout">
//
</ul>
</div>
<div id="content">
//
</div>
CSS:
#wrapper {position:relative;z-index:2;}
#flyout {position:relative;z-index:3;}
#content {position:relative;z-index:1;}
IE は、最初の div のコンテンツが 2 番目の div のコンテンツを超える必要があることを理解するようになりました。