0

Wordpress で生成された非常に典型的なリストベースのドロップダウン メニューで、IE (8 以上) の css の問題が発生しています。これは JavaScript の問題ではありません。

誰かがここを見てくれたら: http://jchmusic.com

右側の「MORE」リンクをクリックします。ドロップダウン サブ メニューが表示されます。ここまでは順調ですね。

しかしIEでは、マウスを「MORE」からドロップダウン(ul)に移動すると、ドロップダウンに到達できません。Chrome、FF、Safari では正常に動作します。

ただし、ドロップダウンを含むulに背景色を追加すると、ホバーは正常に機能します。

推奨される回避策はありますか?

<li id="menu-item-3570" class="menu-item menu-item-type-custom menu-item-object-custom     current-menu-item current_page_item menu-item-home">
  <a href="http://jchmusic.com/#more">More…&lt;/a>
  <ul class="sub-menu">
    <li id="menu-item-1835" class="menu-item menu-item-type-post_type menu-item-object-page"><a href="http://jchmusic.com/downloads/">Downloads</a>
    </li>
    <li id="menu-item-1873" class="menu-item menu-item-type-post_type menu-item-object-page">
    <li id="menu-item-1849" class="menu-item menu-item-type-post_type menu-item-object-page">
    <li id="menu-item-2025" class="menu-item menu-item-type-post_type menu-item-object-page">
    <li id="menu-item-3585" class="menu-item menu-item-type-post_type menu-item-object-page">
  </ul>
</li>
4

1 に答える 1

2

背景が透明な要素は、IE のマウス イベントに対しても「透過的」です。

「ほとんど透明ではない」背景 ( rgba(0,0,0,0.01)) を使用することでこれを修正できますが、これは最近のバージョンでのみ機能します。別の方法として、単色の背景を使用することもできます。

于 2013-02-03T05:33:34.427 に答える