如果沒有背景，IE懸停不起作用？

我有一個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>

來源

2013-02-03 jchwebdev

具有透明背景的元素對IE中的鼠標事件也是「透明的」。

您可以通過使用「幾乎不透明」背景（rgba(0,0,0,0.01)）來解決此問題，但這隻適用於最新版本。另一種方法是隻有純色背景。

來源

2013-02-03 05:33:34

WOW。我發現我可以改變這個rgba（0,0,0,0.0001），它工作正常......並且幾乎看不見。甜蜜的解決方法。謝謝！ – jchwebdev

如果沒有背景，IE懸停不起作用？

回答

相關問題