http://www.funky7inc.com/product/detroit-police
如果您将鼠标悬停在下拉菜单“Detroit Apparel”上方,则会弹出列表,而不是仅将鼠标悬停在导航栏上时显示。
任何想法如何解决这个问题?
答案 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隐藏下拉列表时,下拉列表不会将鼠标注册,因此在导航栏上悬停时,列表不会显示。
希望这有帮助。