我尽可能避免为此使用 JS 解决方案。但如果这是我让这个工作的唯一选择，那么我就咬紧牙关。
我有一个滑出导航部分，其中有一个切换按钮.. 这个导航部分涵盖了一个顶部栏，其中有一个相应的切换按钮..
它们都有使用应用于:hover属性的 CSS3 动画的悬停动画。我的问题发生是因为两个切换按钮相互对齐..所以当导航打开和关闭时，您不需要移动光标..因此，:hover事件似乎不会在新元素下被触发光标直到您移动鼠标..
但是，在 Firefox 上，它们似乎确实被触发了
我看过有人遇到与 jQuery 悬停事件不触发有关的问题：这里
如果有人知道 css 或 html 方法来做到这一点，我会非常感激。我的小提琴在这里：http: //jsfiddle.net/Lm2fa/1/
编辑：要对此进行测试，请单击打开/关闭菜单按钮（左上角汉堡），然后在不移动鼠标的情况下再次单击该按钮以关闭导航。您应该只:hover在单击或移动鼠标时体验该事件
编辑：这似乎肯定发生在 OSX Chrome、OSX Safari 上（还没有 PC 测试）