css - CSS 下拉菜单重绘

Question

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

强制性代码片段（对不起，但你真的需要去 jsfiddle 才能看到整个菜单 - 我看不出有什么办法......）：

Foster Youth Scholars

提前致谢！

李

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;
}

演示