2011-06-07 142 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元素。它增加了悬停区域的有效表面积。当用户将鼠标悬停在顶部导航栏上并出现子菜单时,用户可以向下移动鼠标,并且由于他现在仍在填充区域内,悬停仍处于激活状态。