0

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

如果您将鼠标悬停在下拉菜单位于“底特律服装”的区域上,则列表会弹出,而不是仅在您将鼠标悬停在导航上时出现。

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

4

2 回答 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 回答