一张大图在尺寸小于原始尺寸时,ie7下会表现的很糟糕,画面失真呈锯齿状,如下图,美女脸上起了毛刺:



MS有解决方案,微软提供的私有属性 -ms-interpolation-mode,请参看:msInterpolationMode Property

img { -ms-interpolation-mode: bicubic; /* Internet Explorer 7.0+ */ }

Firefox在3.6版本新增了一个css属性:image-rendering,他的用途更加广泛,用于:

image-rendering用法:

img { image-rendering: optimizeQuality; /* Firefox 3.6 */ }

详细介绍:image-rendering

本文转自http://www.microidc.com/Y-2010/html-css/ms-interpolation-mode-image-rendering