CSS教程

CSS中缩放图片模糊的解决方案

本文主要是介绍CSS中缩放图片模糊的解决方案,对大家解决编程问题具有一定的参考价值,需要的程序猿们随着小编来一起学习吧!

在CSS中图片进行缩放操作后变模糊的解决办法:

 

加入如下样式即可

img {
image-rendering:-moz-crisp-edges;
image-rendering:-o-crisp-edges;
image-rendering:-webkit-optimize-contrast;
image-rendering: crisp-edges;
-ms-interpolation-mode:nearest-neighbor;
}

无论是直接img标签还是background:url()都可以

这篇关于CSS中缩放图片模糊的解决方案的文章就介绍到这儿,希望我们推荐的文章对大家有所帮助,也希望大家多多支持为之网!