css - 没有背景，IE 悬停不起作用？

Question

我有一个 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…</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

具有透明背景的元素对于 IE 中的鼠标事件也是“透明的”。

您可以通过使用“几乎但不完全透明”的背景 (rgba(0,0,0,0.01)) 来解决此问题，但这仅适用于最近版本。另一种方法是只使用纯色背景。