:Hover 上的 CSS 下拉菜单

Question

如果我“取消悬停”之前悬停的下拉菜单，然后足够快地悬停它显示在后面的空间，下拉菜单将显示回来。有没有一种方法可以避免这种行为，或者至少可以在不改变整体菜单转换时间的情况下将鼠标悬停在后下拉区域的时间更改为非常低的值。我试图让下拉列表仅在 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;
}

Answer 1

编辑(正如您评论的那样):答案是否，除非您取出transition 并在 上启动它，否则您无法修复此行为:hover

---

在 :hover 上使用 transition 属性，这样当你 :hover 出来时，它会瞬间消失而没有任何 过渡..

Demo (增加 :hover 时间只是为了演示目的)