jquery導航欄：子子菜單的onmouseover和onmouseout不能順利運行

Question

當我將鼠標懸停在＃subsubmenu1，onmouseover和onmouseout事件處理程序上時運行不正常。當我嘗試懸停在公司價格鏈接上時，立即＃subsubmenu1消失。我哪裏錯了？

我在代碼：http://jsfiddle.net/DhA2Z/6/

謝謝。

Answer 1

您遇到CSS繼承問題。包含「公司價格」的無序列表不顯示爲塊元素。因此，除非您直接懸停在文本上，否則不會註冊懸停事件。根據Chrome調試器，它試圖實現display: block;，但其他的東西卻在重寫它。這幾乎肯定是由於列表繼承了所有祖先列表的樣式屬性。

我不認爲這有一個簡單的解決辦法。還有一些關於菜單的其他錯誤元素可能與相關問題有關。