我的图片在悬停

时间:2018-05-12 19:21:02

标签: css hover mouse blur flicker

所以我有一些带有模糊滤镜的图像,当我将鼠标悬停在它们上面时,当我将鼠标移开时,它会闪烁,当我将其取下时,它会闪烁。我有这个问题似乎随机出现,因为它发生在我所在的计算机上,但有时它是随机罚款。

我已经尝试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/请告诉我你是否知道问题所在。

2 个答案:

答案 0 :(得分:0)

修复:我在默认设置中添加了filter: blur(0.5px);,因此它至少始终如此,似乎已经修复了它。感谢大家回答

答案 1 :(得分:-2)

尝试为悬停添加1秒的转换。这将解决它,或者让你更好地了解正在发生的事情。