我實現了一個下拉菜單,進入一個網站,在這裏:下拉菜單CSS承包
http://www.gardensandhomesdirect.co.uk/
然而,似乎自己的下拉菜單過早收縮。當從最初的按鈕移動到下拉菜單中時,有時難以保持下拉菜單打開。
這是代碼有問題還是有什麼影響呢?有什麼我可以做的嗎?
謝謝!
我實現了一個下拉菜單,進入一個網站,在這裏:下拉菜單CSS承包
http://www.gardensandhomesdirect.co.uk/
然而,似乎自己的下拉菜單過早收縮。當從最初的按鈕移動到下拉菜單中時,有時難以保持下拉菜單打開。
這是代碼有問題還是有什麼影響呢?有什麼我可以做的嗎?
謝謝!
你下拉的div .dropdown_Xcolumns
有4px
頂margin
,當鼠標在這些4PX它打破懸停(除非它做真快!)..刪除上邊距和所有應該很好。
如果你想的<li>
和下拉div
之間的間隙的效果 - 試頂白色的邊框上該div
或保留上邊距,並添加4PX底部填充的容器<li>
小號讓他們見面更好
感謝Clairesuzy,一旦它完成,似乎很簡單! – Wayners247 2011-06-07 11:44:38
您可以嘗試添加填充到每個li元素。它增加了懸停區域的有效表面積。當用戶將鼠標懸停在頂部導航欄上並出現子菜單時,用戶可以向下移動鼠標,並且由於他現在仍在填充區域內,懸停仍處於激活狀態。
嘗試menu.css
什麼瀏覽器
margin: 4px auto;
更改爲margin: 2px auto;
爲.dropdown_buildings
產生的問題? – Sotiris 2011-06-07 11:25:04我可以在ie8中重現此操作,有時還可以在Chrome中重現此操作。 – Wayners247 2011-06-07 11:27:04