CSS 背景图片虚化

html-css014

CSS 背景图片虚化,第1张

背景图片虚化主要依靠的是 filter: blur(15px) 这个css属性 blur值 越大 模糊程度也越大 最终我们希望的效果图是这样的 实现方式： 第一步 一个大的 div 里面包裹两个 小的 div1 和 div2 第二步 div1元素加入背景、宽高、过滤（filter)、浮动 第三步 div2元素 开启定位 absolute（一定要脱离普通文档流） 现在基本的效果就实现了，想让页面更美观 剩下的就要自己动手喽 关键点就是 filter属性 ：让图片模糊 脱离普通文档流 ：内容放到模糊div1 的上面

这个难以言表，主要原因：

1.

浏览器自身问题，浏览器对图片的渲染解析不行

2.

网速过慢，触发小图片加载

3.

CSS解析不够

4.

页面不支持

5.

浏览器完美不支持

既然如此，那就干脆background图片或者是元素里面内联width="43%"算了