Css 悬停和取消悬停进入无限循环

守则：

当鼠标悬停在div上，且div边界到达光标时，将应用类

.a

的常规样式。 使其在光标下移动，从而触发悬停。这将进入无限循环。

---

单独使用css3有没有办法解决这个问题？

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

您可以尝试更改代码的方式：添加包装器并在其上触发悬停，这样只有子块会移动，但悬停仍会在父块上

以下是一个例子：

---

另一种方法是使用伪元素，它将被放置在屏幕上，这样当它将设置动画时，悬停将始终在元素上，下面是一个示例：-但是缺点是，在没有任何具有更大的

z索引的块放置在您希望解开该块的位置之前，您无法解除该块的悬停。
而不仅仅是CSS3。因为您正在移动div，使其脱离悬停状态，然后它又回到悬停状态，使其再次转换。您将需要javascript/jquery。