元素设置:hover动效边缘触发频繁闪动怎么解决

元素设置:hover动效边缘触发频繁闪动怎么解决

前言：

1. 我并没有深入了解，难免出错

一、问题出现的原因

众所周知，:hover选择器是在鼠标移到元素上时产生效果，即鼠标移到元素上，触发:hover，鼠标离开元素，恢复。因此，元素设置:hover动效边缘触发频繁闪动产生的原因就是:hover触发的样式更改，导致虽然鼠标未主动离开选中的元素，但是选中的元素位置移动了离开了鼠标，或者其他元素挡住了需要选中的元素。如下图：

二、解决办法

1.如果是选中的元素移动了，可是设置移动的距离避免元素离开鼠标。

2.如果是:hover产生的效果导致需要选中的元素被其他元素挡住了，可以设置需要选中的元素或其他元素的z-index或其他相关属性，避免选中的元素离开鼠标。