最新のすべてのブラウザーで正常に動作するドロップダウン メニューがありますが、IE9では奇妙なことが起こっています。ドロップダウンは何らかの形で透明または非表示に見えますが、ボックスの影は表示されています。さらに、親リスト項目からマウスを離すと、ホバリングが失敗します。
上部のメイン ナビゲーション バーについて言及しています。
http://gratefulglass.viussandbox.co/
メニューが正しく配置されているように見えることを示すために、サブメニューを含む要素に赤い境界線を配置しました。
どんな提案でも大歓迎です。
問題は、コード内のおよびタグにfilter設定している CSS プロパティにあります。IE9 はグラデーションの背景をレンダリングしますが、それにより要素に hasLayout フラグが内部的に設定されます。これにより、レンダラーはその要素をあたかも持っているかのように扱い、実際にはCSS ルールではなく、内部レンダリング エンジンが要素を処理する際に処理する方法です。オーバーライドでフィルターを削除するか、単にフィルターを設定しないと、すべてが再び正しく機能することがわかります。<ul><a>overflow: hidden;overflow: visible;filter: none;
このリンクを確認してください: 1 , 2 申し訳ありませんが、これ以上のリンクを貼ることはできません: http:// && joseph.randomnetworks.com/2006/08/16/css-opacity-in-internet-explorer-ie/ http:// && www .webdeveloper.com/forum/showthread.php?163100-Opacity-hover-not-working-in-IE
一部のプロパティは、ブラウザーによって異なる動作をしたり、永続的ではありません。しかし、それを機能させる方法は常にあります。それを機能させる最良の方法は、javascript.