所以我有一些带有模糊滤镜的图像,当我将鼠标悬停在它们上时,它会闪烁,当我一遍又一遍地取下鼠标时,它会闪烁。我遇到过这个问题似乎随机出现,因为它发生在我所在的计算机上,但与其他时候相比,它是随机的。
我已经试过backface-visibility: visible|hidden|initial|inherit;
我已经试过-webkit-transform: translateZ(0) scale(1.0, 1.0);
我已经尝试过-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
这些都没有产生任何影响。 这是我的代码 https://jsfiddle.net/leothetinyninja/wjnzof9x/如果您知道问题所在,请告诉我。
修复:我在默认值中添加了一个filter: blur(0.5px);
,所以它总是这样,它似乎已经修复了它。谢谢大家的回答
尝试为悬停添加 1 秒的过渡。这将修复它,或者让您更好地了解正在发生的事情。