0

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

如果有人可以请看这里：http: //jchmusic.com

点击右侧的“更多”链接。出现下拉子菜单。到现在为止还挺好。

但是在 IE 中，当一个人将鼠标从“更多”移到下拉菜单（这是一个 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 回答