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

Demo