ms-interpolation-mode css属性

在电子商务网站，图片的质量是很重要的，有时候如果图片缩放，可能使图片失真，在ie7,ie8有专有的属性去处理这样的问题。

在ie7，8中

设置css属性

img

{

-ms-interpolation-mode:bicubic;

}

这样可以在强制浏览器缩放图片的时候失真

 

这只是ie7+系列的浏览器能处理这个问题，不过从firefox3.6开始，这个问题也解决了。

 

img  { 
       image-rendering: optimizeQuality;  /* Firefox 3.6+; default behavior is identical, no need to specify */
       -ms-interpolation-mode: bicubic;   /* Internet Explorer 7.0; default in IE8+ */
     }

利用image-rendering属性，可以使图片缩放不在失真

如果要了解firefox图片失真处理更详细内容请参考https://developer.mozilla.org/en/CSS/image-rendering