CSS下拉菜單重新繪製

這個問題一直在推動我堅果一會兒，我找不到任何地方提及類似的問題......在FF和IE上，我沒有看到任何問題 - 但在Chrome和Safari，對於某些子菜單和孫子菜單，當鼠標離開這些菜單時，這些菜單所覆蓋的區域未被正確重新繪製。請參閱http://jsfiddle.net/xm23e/6/CSS下拉菜單重新繪製

強制性的代碼片段（抱歉，但你真的需要去的jsfiddle看到整個菜單 - 我沒有看到周圍的方式...）：

Foster Youth Scholars

提前致謝！

李

來源

2012-11-20 LEN

這一切都做這一行：

#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

來源

2012-11-20 22:18:37 3dgoo

這是@ 3dgoo誰幫助，所有學分去給他/她 - 我剛剛格式化的答案:) –

哈哈。這是一個團隊的努力@ZoltanToth。乾杯。 :) – 3dgoo

哇 - 我完全錯過了 - 對不起，@ 3dgoo！非常感謝你們兩位:-) – LEN

CSS下拉菜單重新繪製

回答

相關問題