如果我“取消悬停”先前悬停的下拉菜单,然后快速将其悬停在后面显示的空间上,则下拉菜单将显示回来。有没有一种方法可以避免这种现象,或者至少更改您可以将下拉菜单鼠标悬停在非常低的值的时间,而无需更改整个菜单转换时间。我正在尝试仅在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
时间上增加了)