-ms-interpolation-mode 属性介绍

-ms-interpolation-mode: bicubic;

IE中的图片如果缩小显示效果会很差。

<img class="img" src="pic_500x500.jpg" width="50" height="50">

但是使用下面的样式后，可以使IE7支持自定义双三次“重采样模式”，显示效果会有明显的提升。

.img {
  -ms-interpolation-mode: bicubic;
}

-ms-interpolation-mode还有另外一个属性值：nearest-neighbor。它使用的是最近邻近插值算法，会产生比较明显的锯齿，图片模糊。

与其它浏览器比较，opera中图像边缘略显粗糙。总体来说，主流浏览器中缩略图片质量还不错。 遗憾的是IE6不支持这些属性对缩略图片作平滑处理。

留意一下一些大站的代码，发现阿里巴巴首页上图片都加了这个属性。