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