2011-06-07 144 views
2

我實現了一個下拉菜單,進入一個網站,在這裏:下拉菜單CSS承包

http://www.gardensandhomesdirect.co.uk/

然而,似乎自己的下拉菜單過早收縮。當從最初的按鈕移動到下拉菜單中時,有時難以保持下拉菜單打開。

這是代碼有問題還是有什麼影響呢?有什麼我可以做的嗎?

謝謝!

+0

什麼瀏覽器margin: 4px auto;更改爲margin: 2px auto;.dropdown_buildings產生的問題? – Sotiris 2011-06-07 11:25:04

+0

我可以在ie8中重現此操作,有時還可以在Chrome中重現此操作。 – Wayners247 2011-06-07 11:27:04

回答

3

你下拉的div .dropdown_Xcolumns4pxmargin,當鼠標在這些4PX它打破懸停(除非它做真快!)..刪除上邊距和所有應該很好。

如果你想的<li>和下拉div之間的間隙的效果 - 試頂白色的邊框上該div

或保留上邊距,並添加4PX底部填充的容器<li>小號讓他們見面更好

+0

感謝Clairesuzy,一旦它完成,似乎很簡單! – Wayners247 2011-06-07 11:44:38

0

您可以嘗試添加填充到每個li元素。它增加了懸停區域的有效表面積。當用戶將鼠標懸停在頂部導航欄上並出現子菜單時,用戶可以向下移動鼠標,並且由於他現在仍在填充區域內,懸停仍處於激活狀態。