jquery - jquery导航栏：子子菜单的onmouseover和onmouseout工作不顺畅

Question

当我将鼠标悬停在#subsubmenu1 上时，onmouseover 和 onmouseout 事件处理程序无法正常工作。当我尝试将鼠标悬停在公司价格链接上时，#subsubmenu1 立即消失。我哪里错了？

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

谢谢你。

Answer 1

CSS继承有问题。包含“公司价格”的无序列表未显示为块元素。因此，除非您直接将鼠标悬停在文本上，否则它不会注册悬停事件。根据 Chrome 调试器，它正在尝试实现display: block;，但其他东西正在覆盖它。这几乎可以肯定是由于列表继承了其所有祖先列表的样式属性。

我不认为有一个简单的解决方法。菜单上还有一些其他错误元素可能与相关问题有关。