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