CSS下拉菜单开:悬停

时间:2013-12-17 15:10:16

标签: css css3 drop-down-menu hover css-transitions

如果我“取消悬停”之前悬停的下拉菜单,然后快速徘徊在后面显示的空间,下拉菜单将显示回来。有没有办法避免这种行为或至少改变你可以将下拉区域悬停到非常低的值而不改变整体菜单转换时间的时间。我正在尝试仅在li:hover action上制作下拉菜单。

演示菜单: 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;
}

1 个答案:

答案 0 :(得分:1)

修改(正如您所评论的):答案是,除非您取出transition并在:hover上启动

,否则您无法解决此问题

使用transition上的:hover属性,这样当:hover出局时,它就会在没有任何transition的情况下在电影中消失..

Demo(仅在:hover时间增加,仅用于演示目的)