このサイトの CSS ドロップダウン メニューが Internet Explorer で機能しないことがわかりました。まったく、まったく何も表示されません。メニューは Firefox と Android で正常に動作します。サイトは次のとおりです: http://anlea.org いくつかの修正を試みましたが、ドロップダウン メニューが表示されません。
どんな(簡単な!)解決策も大歓迎です
このサイトの CSS ドロップダウン メニューが Internet Explorer で機能しないことがわかりました。まったく、まったく何も表示されません。メニューは Firefox と Android で正常に動作します。サイトは次のとおりです: http://anlea.org いくつかの修正を試みましたが、ドロップダウン メニューが表示されません。
どんな(簡単な!)解決策も大歓迎です
li:hover
IEは、CSSメニューが依存しているように見えるものと常にうまく機能するとは限りません。この質問に対する受け入れられた答えは役立つかもしれません:位置:絶対でliを使用するときIE8はホバリングしません
ネストされた ul をホバー時に表示するのではなく、ネストされた ul の内側にあるだけです。これを追加してみてください:
.main_menu > ul > li:hover > ul {
display: block;
}
また、次のような子セレクターを使用することをお勧めします。
.main_menu ul li /* this would also apply to the submenu's, you overwrite them later in your code */
になるだろう
.main_menu > ul > li /* this will only apply to the top level menu */
ネストされたメニューの場合。これによりコードが中断されることはありませんが、より多くのことを制御でき、予期しない結果を避けることができます。
たとえば、トップレベルとネストされた両方ですべての li に同じ背景を持たせたい場合は、引き続き使用できます
.main_menu li