html - Internet Explorer 7 での z-index の問題

Question

ユーザーがメインメニューにカーソルを合わせると、jqueryを使用してドロップダウンリストを使用しています.ドロップダウンし、IE7以下を除くすべてのブラウザで正常に動作します.z-indexを使用してドロップダウンメニューを前に表示しています.すべての要素ですが、機能しません。

ここに画像の説明を入力

メニュー項目 (dummydummy) はテキストボックスとボタンの後ろにある

サブメニュー項目のスタイルは

#sub-menu {

z-index: 1000;
}

テキストボックスとボタンはdiv内にグループ化され、divのスタイルは

#grouped {
left: 100px;
position: absolute;
z-index:1;
}

score 0 · Accepted Answer

CSS3Pieを試してみることをお勧めします。私たちはそれを使い始め、IE7の奇抜なバグの多くは消えました。

私はCSs3pieがIE7で修正したものに驚いていました。

score 0 · Accepted Answer

z-indexは、位置relative、absolute＆でのみ機能しfixedます。だから、あなたに与えposition:relativeます#submenu。このように書いてください：

#sub-menu {
 position:relative;
 z-index: 1000;
}

score 0 · Accepted Answer

#sub-menu ul および li 値により高い z-index 値を適用することもできます。これは、IE7で同じ問題を引き起こしていたスーパーフィッシュメニューで機能しました。

score 0 · Accepted Answer

以下のコードを使用してください

#sub-menu {
 position:absolute;
 z-index: 1000;
}
#grouped {
left: 100px;
position:relative;
z-index:1;
}

4 に答える 4