在电子商务网站,图片的质量是很重要的,有时候如果图片缩放,可能使图片失真,在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