标签:触发 hover 鼠标 元素 动效 选中 闪动
元素设置:hover动效边缘触发频繁闪动怎么解决
前言:
1. 我并没有深入了解,难免出错
一、问题出现的原因
众所周知,:hover选择器是在鼠标移到元素上时产生效果,即鼠标移到元素上,触发:hover,鼠标离开元素,恢复。因此,元素设置:hover动效边缘触发频繁闪动产生的原因就是:hover触发的样式更改,导致虽然鼠标未主动离开选中的元素,但是选中的元素位置移动了离开了鼠标,或者其他元素挡住了需要选中的元素。如下图:
二、解决办法
1.如果是选中的元素移动了,可是设置移动的距离避免元素离开鼠标。
2.如果是:hover产生的效果导致需要选中的元素被其他元素挡住了,可以设置需要选中的元素或其他元素的z-index或其他相关属性,避免选中的元素离开鼠标。
标签:触发,
hover,
鼠标,
元素,
动效,
选中,
闪动
From: https://www.cnblogs.com/wsgxg/p/18213076