IE7下图片缩放失真可用-ms-interpolation-mode解决

本文请用ie7查看已达到最好的学习效果。

YUI的网页优化建议里面有提到要保持图片比例为原比例,但是往往实际操作中有可能会要变换图片比例。而变换比例图片就会失真,如:

原比例:

原比例

原比例

放大后:

放大后

放大后

图片锯齿恐怖>_<!,解决方法可以给图片加上这个css属性

-ms-interpolation-mode: bicubic

加了-ms-interpolation-mode: bicubic之后

加了-ms-interpolation-mode: bicubic之后

加了-ms-interpolation-mode: bicubic之后

这个属性在ie8之后的版本已经不需要了。可以说是ie7专用了,ie6该属性无效果。

3 Responses to IE7下图片缩放失真可用-ms-interpolati... »

  1. 万戈 评论 2009-11-10 21:00

    居然还有这么个CSS属性!孤陋寡闻了

    回复

  2. 数米网123 评论 2009-11-11 02:04

    :o 真专业 拜读了.

    回复

  3. 骨头软件工作室 评论 2009-11-11 09:48

    已经达到忘我的境界了,呵呵

    回复

Leave a Reply

Email address is not published

You should say a Chinese word to pass spam check. If you can not input Chinese, just copy 你好 and paste them into comment text box.