Question

我有一个IE（8及以上）css问题，在Wordpress中生成了一个非常典型的基于列表的下拉菜单。这不是一个JavaScript问题。

如果有人可以请点击此处：http://jchmusic.com

点击右侧的“更多”链接。出现下拉子菜单。到目前为止，非常好。

但是在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…</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>

Answer 1

具有透明背景的元素也是＆＃34;透明＆＃34; IE中的鼠标事件。

你可以通过使用＆＃34;几乎但不是非常透明的＆＃34;来解决这个问题。 background（rgba(0,0,0,0.01)），但这只适用于最新版本。另一种方法是拥有纯色背景。

如果没有背景，IE悬停不起作用？

1 个答案: