如果我“取消悬停”先前悬停的下拉菜单,然后快速将其悬停在后面显示的空间上,则下拉菜单将显示回来。有没有一种方法可以避免这种现象,或者至少更改您可以将下拉菜单鼠标悬停在非常低的值的时间,而无需更改整个菜单转换时间。我正在尝试仅在li:hover动作上显示下拉列表。

演示菜单:
http://jsfiddle.net/q7gFR/

#cssmenu,#cssmenu ul,#cssmenu ul li,#cssmenu ul li a {
-webkit-transition: all ease .3s;
-o-transition: all ease .3s;
-moz-transition: all ease .3s;
-ms-transition: all ease .3s;
transition: all ease .3s;
}

最佳答案

编辑(如您所评论):答案为“否”,除非取出transition并在:hover上启动它,否则无法解决此问题。



使用transition上的:hover属性,以便当您:hover外出时,它会突然消失而没有任何transition

Demo(出于演示目的,在:hover时间上增加了)

10-07 19:14
查看更多