http://www.funky7inc.com/product/detroit-police
如果您将鼠标悬停在下拉菜单位于“底特律服装”的区域上,则列表会弹出,而不是仅在您将鼠标悬停在导航上时出现。
任何想法如何解决这一问题?
http://www.funky7inc.com/product/detroit-police
如果您将鼠标悬停在下拉菜单位于“底特律服装”的区域上,则列表会弹出,而不是仅在您将鼠标悬停在导航上时出现。
任何想法如何解决这一问题?
当然,你只改变它的不透明度<ul class="sub-menu">
......所以它实际上总是在那里,只有 100% 透明......但你仍然可以将鼠标悬停在它上面,这会将不透明度改回完全可见。
我不知道你是如何改变这个的(CSS:Javascript的悬停或其他东西,我试过看,但你已经缩小了CSS)但你可以通过不改变不透明度而是改变显示来解决这个问题:显示:无所以它实际上已经消失了,或者使用 javascript $(".sub-menu").hide() 或 .FadeIn()/fadeOut() 或类似的东西......
这是因为您正在更改下拉列表的不透明度。Opacity:0仍然注册鼠标悬停事件。
而是使用可见性属性或display:none
当您使用可见性或 display:none 隐藏下拉列表时,下拉列表不会注册鼠标悬停,因此该列表不会显示,直到时间悬停在导航栏上。
希望这可以帮助。