Css IE悬停不';没有背景就不能工作?

Css IE悬停不';没有背景就不能工作?,css,internet-explorer,menu,hover,html-lists,Css,Internet Explorer,Menu,Hover,Html Lists,我在Wordpress中生成了一个非常典型的基于列表的下拉菜单,这给IE(8及以上)css带来了问题。这不是javascript问题 如果有人能看一下这里: 单击右侧的“更多”链接。此时会出现下拉子菜单。到目前为止,一切顺利 但在IE中,当将鼠标从“更多”移动到下拉列表(即ul)时,无法访问下拉列表。在Chrome、FF、Safari中,它运行良好 但是,如果我在ul中添加一个包含下拉列表的背景色,那么悬停“工作”就可以了 有什么建议的解决办法吗 <li id="menu-item-357

我在Wordpress中生成了一个非常典型的基于列表的下拉菜单,这给IE(8及以上)css带来了问题。这不是javascript问题

如果有人能看一下这里:

单击右侧的“更多”链接。此时会出现下拉子菜单。到目前为止,一切顺利

但在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>

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


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

    WOW。我发现我可以将其更改为rgba(0,0,0,0.0001),并且效果很好。。。而且几乎看不见。很好的解决办法。谢谢