解决使用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);。
什么是flex布局flex布局即为弹性布局,使用display: flex进行布局,此布局使得盒模型布局更易使用。值得注意的是设为flex 布局后,子元素的float、clear 和vertical-align 属性将失效。 flex的使用当元素使用flex后,该元素则成为flex容器(conta...