2013-02-03 98 views
0

我有一个IE浏览器(8及以上)的CSS问题与一个非常典型的基于列表的Wordpress中生成的基于列表的下拉菜单。这不是一个javascript问题。如果没有背景,IE悬停不起作用?

如果有人能请看看这里: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> 

回答

2

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

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

+0

WOW。我发现我可以改变这个rgba(0,0,0,0.0001),它工作正常......并且几乎看不见。甜蜜的解决方法。谢谢! – jchwebdev