解决使用filter: blur时图片四周泛白的问题

发现问题

在使用filter: blur(15px)模糊背景图时,发现图片周围会泛白。

解决问题

查了好多办法:
1、使用StackBlur.js处理图片模糊。
2、改变background-size:cover为background-size:150% 150%。
3、给body添加同样的背景图。
4、直接使用transform: scale(1.2);。

总结

使用第四种办法最方便,不用引入其他包,不用再次引入图片。
image

posted @ 2022-03-07 23:31  曦12  阅读(388)  评论(0编辑  收藏  举报