前端 - chrome压缩图片显示时会导致图片模糊（background-size:cover/contain/100% auto）

问题描述

问 题

demo：http://118.31.129.3/static/pa...

打开控制台,对背景图片加入样式：background-size：cover，然后在firefox和chrome下对比，就能发现chrome下背景的模糊（前提是改变浏览器可视区宽度小于1900px，因为图片是1900px宽的）

别问我为嘛在意细节，别人要求的...

解决方案

试试添加如下CSS属性：

    image-rendering: -webkit-optimize-contrast;

这篇关于前端 - chrome压缩图片显示时会导致图片模糊（background-size:cover/contain/100% auto）的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！