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()都可以