解决使用filter: blur时图片四周泛白的问题
发现问题
在使用filter: blur(15px)模糊背景图时,发现图片周围会泛白。
解决问题
查了好多办法:
1、使用StackBlur.js(https://github.com/flozz/StackBlur )处理图片模糊。
2、改变background-size:cover为background-size: 150% 150%。
3、给body添加同样的背景图。
4、直接使用transform: scale(1.2);。
在使用filter: blur(15px)模糊背景图时,发现图片周围会泛白。
查了好多办法:
1、使用StackBlur.js(https://github.com/flozz/StackBlur )处理图片模糊。
2、改变background-size:cover为background-size: 150% 150%。
3、给body添加同样的背景图。
4、直接使用transform: scale(1.2);。
使用原因盒模型布局中padding与border也是具有尺寸的,为避免其对页面布局产生影响,可使用box-sizing: border-box;属性设置盒模型,此时便可只用设置元素宽高即可。 属性详解box-sizing的值有content-box、border-box、inherit。conte...