悬停和unhover进入无限循环

Question

代码：http://jsfiddle.net/Gwx6E/

当你将鼠标放在DIV，当DIV边界到达光标所应用的正常风格类.a的。 使其在光标下移动，触发悬停。这进入了无限循环。 有没有什么办法可以解决这个问题，单独使用css3？

Answer 1

不是，它是所需的行为（但是在某些浏览器中存在差异：并非每个人都在没有光标移动的情况下更新悬停状态）。

你可以尝试改变你的代码的方式：添加一个包装并触发其上的悬停，所以只有子块会移动，但悬停仍然会在父级上。

下面是一个例子：http://jsfiddle.net/kizu/Gwx6E/1/

另一种方法是使用伪元素，将被置于屏幕之上，因此悬停将永远时候会动画的元素，这里有一个例子： http://jsfiddle.net/kizu/Gwx6E/2/ - 但是缺点是你不能将这个区域取消悬停，直到不会有任何更大的z-index的区块放置在你想取消区域的地方。