兆豐菜單問題

Question

我有一個兆菜單，我一直有兩個問題。

1. 當我將鼠標懸停在每個部分上時，似乎無法保持懸停狀態。
2. 觸發大型菜單的標題標籤似乎具有它們所在容器的寬度。這會導致超級菜單彈出，即使您沒有以可視方式翻轉它。

我貼我當前的代碼的大型菜單這裏：http://www.boyga.com/mega-menu/

我使用的hoverintent插件。

Answer 1

問題2很容易解決。將此CSS規則添加到您的樣式表中：

ul#Top-Nav { 
    display: inline-block; 
} 

問題1幾乎一樣簡單。這是更多的CSS更改。因爲從<li>而不是<a>你的子裔，您需要更改涉及a:hover和a:active你的CSS規則：

ul#Top-Nav li:hover a{color:#1E90FF;text-decoration:none;} 
    ul#Top-Nav li:hover a{background:#1E90FF url(arrow.png) no-repeat right center;color:#fff;} 
    ul#Top-Nav li:active a{background:#1E90FF url(arrow.png) no-repeat right center;color:#fff;} 

這個工作對我來說，至少在Chrome。您可能（讀取：可能）會在其他瀏覽器上出現問題，其中:hover和:active僞類不會冒泡。