CSS 背景图片虚化

html-css015

CSS 背景图片虚化,第1张

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

web前端开发图片放大了不清晰，需要优化浏览器的缩放算法

在网页上通过CSS样式对图片进行缩放从而导致图片模糊，究其原因是因为浏览器的缩放算法和图片处理软件的不同导致的差异。

所以，要解决这个问题，就需要优化浏览器的缩放算法。CSS属性image，rendering正是为此而存在的。CSS 属性用于设置图像缩放算法。它适用于元素本身，适用于元素其他属性中的图像，也应用于子元素。