私はこのウェブサイトに取り組んでいます: http://cecraig.hhdev.hothousemarketing.com
ドロップダウン メニューが IE で正しく機能しません (IE9 と IE8 でテストしました)。子メニュー (ul) は、親のテキストにカーソルを合わせたときにのみ表示され、マウスがテキストの外に出るとすぐに消えます。他のサイトのドロップダウン メニューにも同じ方法を使用しましたが、IE では問題なく動作しますが、ここで動作しない理由はわかりません。IE では、「a」以外の要素での :hover のサポートが制限されていることは知っていますが、IE7 までしかサポートされていないことがわかりました。
メニューに使用している CSS は次のとおりです。ソースを表示して、メニューの HTML を表示できます (これは wp_nav_menu() WordPress 関数によって出力されます)。
#mainNav ul {
margin: 0;
padding: 0;
list-style-type: none;
}
#mainNav > ul {
margin-left: 234px;
height: 38px;
}
#mainNav > ul > li {
position: relative;
float: left;
}
#mainNav ul li a {
font-size: 11pt;
color: #fff;
text-decoration: none;
}
#mainNav > ul > li > a {
display: block;
height: 18px;
padding: 10px 12px;
}
#mainNav ul li a:hover {
color: #efefef;
}
#mainNav ul li.current-menu-item > a, #mainNav > ul > li.current-page-parent > a {
font-weight: bold;
}
#mainNav ul ul {
background-color: #e1a100;
display: none;
margin: 0;
position: absolute;
top: 38px;
left: 0;
width: 200px;
padding: 0 8px 8px 8px;
z-index: 99999;
}
#mainNav ul li:hover > ul {
display: block;
}
#mainNav ul ul li + li {
margin-top: 5px;
}