悬停和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的块位于您想要移除块的位置。