是什么导致这种鼠标行为？

Question

是什么导致这种情况发生？ （鼠标未被移动或点击）

Answer 1

我怀疑：hover CSS样式会导致对象具有不同的大小（可能是margin），这会导致：hover CSS样式停止应用。这会将对象返回到其原始尺寸，并且浏览器再次应用：hover CSS样式。

浏览器只能以一定的速率跟上这一点，并且您会看到明显的闪烁。

Answer 2

这是一个边缘条件。

Answer 3

这是因为你在悬停时添加边框 但是因为你悬停在顶部附近，当添加边框时，你的光标会移到元素之外 最好添加

border: 1px solid #FFFFFF;
border-bottom: 0px;

首先在CSS中

Answer 4

猜测，翻转事件是添加一个边框，它会改变元素的有效大小，以便鼠标不再在它上面，或类似的东西......