背景图片虚化主要依靠的是 filter: blur(15px); 这个css属性
blur值 越大 模糊程度也越大
最终我们希望的效果图是这样的
截屏2021-11-23 下午3.21.15.png
实现方式：
第一步 一个大的 div 里面包裹两个 小的 div1 和 div2
第二步 div1元素加入背景、宽高、过滤（filter)、浮动
第三步 div2元素 开启定位 absolute（一定要脱离普通文档流）
现在基本的效果就实现了，想让页面更美观 剩下的就要自己动手喽
关键点就是
filter属性 ：让图片模糊
脱离普通文档流 ：内容放到模糊div1 的上面
背景图片虚化主要依靠的是 filter: blur(15px); 这个css属性blur值 越大 模糊程度也越...
简介CSS 可以添加背景颜色和背景图片，以及来进行图片设置。 CSS背景属性 背景图片(image) 语法： 参数...
一、CSS Sprites的原理(图片整合技术) Css精灵雪碧图 1、将导航背景图片，按钮背景图片等有规则的合并...
1. css 精灵技术（sprite） css 精灵技术（sprite）：将多个小背景图片合成一个大的背景图片(精...
1.CSS背景 1.1背景颜色 1.2背景图片 1.5背景图片定位 2.CSS列表 2.1列表项标记 2.2 列表...
设置背景图片： 在CSS可以通过background-image: url();设置背景图片 控制背景图片的平铺方...
CSS动态计算 背景图片自适应
一、背景图片 二、CSS其他属性
background：背景。在css里面作为css属性一成员，通过该属性可设置背景图片、背景颜色、背景图片截取等样...
CSS样式 css背景(background) CSS 可以添加背景颜色和背景图片， 以及来进行图片设置。 背景图...
本文标题：CSS 背景图片虚化
本文链接：https://www.haomeiwen.com/subject/yupwtrtx.html
网友评论