将鼠标悬停在下拉菜单上

时间:2013-02-13 16:11:52

标签: list drop-down-menu hover nav

http://www.funky7inc.com/product/detroit-police

如果您将鼠标悬停在下拉菜单“Detroit Apparel”上方,则会弹出列表,而不是仅将鼠标悬停在导航栏上时显示。

任何想法如何解决这个问题?

2 个答案:

答案 0 :(得分:0)

当然,你只改变那个<ul class="sub-menu">的不透明度......所以它实际上总是在那里,只有100%透露......但是你仍然可以将鼠标悬停在它上面,这会将不透明度变回完全可见。

我不知道你是如何改变它的(CSS:悬停的Javascript或其他东西,我试过看但你已经缩小了CSS)但是你可以通过不改变不透明度而不是改变显示来解决这个问题:阻止到display:none所以它实际上已经消失,或者使用javascript $(&#34; .sub-menu&#34;)。hide()或.FadeIn()/ fadeOut()或类似的东西...

答案 1 :(得分:0)

这是因为您正在更改下拉列表的不透明度。 不透明度:0 仍然将鼠标悬停在事件上。

而是使用可见性属性或显示:无

当您使用visibility或display:none隐藏下拉列表时,下拉列表不会将鼠标注册,因此在导航栏上悬停时,列表不会显示。

希望这有帮助。