css - ドロップダウンメニューが IE9 で機能しない

Question

どなたかアドバイスお願いします。これでメニューが完成し、IE9 以外のほとんどのブラウザで動作します。メニュー自体は機能しますが、ドロップダウンは機能しません。GENERAL および SHOP メニュー項目がドロップダウンし、他の多くのサブメニュー項目が表示されます。IE9ではありません:-(

誰でも助けることができますか？

score 6 · Accepted Answer

filter次のルールからプロパティを削除した場合:

#menu
#menu li:hover

その後、表示は IE9 に固定されます。

https://stackoverflow.com/a/6901105/637889は、おそらく-ms-filterIE8+ を使用する必要があることを説明しています (ただしfilter、グラデーションが機能しているため、IE9 でも明らかにサポートされています)。新しい構文については、 http://blogs.msdn.com/b/ie/archive/2008/09/08/microsoft-css-vendor-extensions.aspxも参照してください(プロパティ値には引用符が必要なため)。

別の方法として、まだ見たことがない場合は、-ms を使用して IE9 グラデーションの回答を調べて、よりクロスブラウザーのグラデーションソリューションを使用することもできます。

最後に、条件付きコメントを使用して、問題の少ないブラウザを乱雑にすることなく、問題のある(つまり IE) ブラウザの CSS ルールを含めるという Paul Irish のアプローチをお勧めします。

score 0 · Accepted Answer

CSS スタイルシートの z-index 2 を削除します。

1.  #menu li:hover (Remove z-index this )

2. #menu (remove z-index this )

#menu li:hover {
    z-index: 5;}

#menu {
    z-index: 11;
}

次に、IEのレイアウトを確認します

css - ドロップダウン メニューが IE9 で機能しない