CSS 下拉菜单重绘

Question

这个问题已经让我抓狂了一段时间，我在任何地方都找不到任何类似问题的提及......在 FF 和 IE 上，我没有看到任何问题 - 但在 Chrome 和 Safari 上，对于某些子菜单和孙菜单，当鼠标离开这些菜单时，这些菜单覆盖的区域不会正确重绘。请看http://jsfiddle.net/xm23e/6/

强制性代码片段(抱歉，但您确实需要转到 jsfiddle 才能查看整个菜单——我看不出有什么解决方法...):

培养青年学者


提前致谢!

李

Answer 1

这一切都与这一行有关:

#header-wrapper div.main-navigation ul.menu li:hover{position:static}

将 position:static 更改为 position:relative 将防止这种情况发生。

#header-wrapper div.main-navigation ul.menu li:hover { 
    position: relative;
}

Demo