Firefox通过外部CSS或内联样式进行缩放时会模糊图像.

Question

当我在视觉上缩放图像时,Firefox 3模糊了它.Firefox 2和其他浏览器没有,这是我期望的行为.使用png或gif sprites创建基于Web的游戏尤其蹩脚.

例如,在Firefox 3中显示100x100图像时,如下所示:

<img src="sprite.gif" width="200" />

要么

<img src="sprite.gif" style="width:200px; height:200px;" />

它在FF3中看起来很模糊,而不是在IE中.

有关如何防止这种情况的任何想法？

Answer 1

我发现了FireFox的这个新功能:

http://developer.mozilla.org/En/CSS/Image-rendering

所以把它放在你的CSS中将解决它:

image-rendering: -moz-crisp-edges;

以为我会分享这些信息.很抱歉回答我自己的问题;)

Answer 2

我自己只是想知道这件事,但似乎它在ff3中被硬编码:( http://forums.mozillazine.org/viewtopic.php?f=7&t=752735&p=5008845

ff2没有做任何插值

IE默认情况下不会,但你可以打开它:http: //www.joelonsoftware.com/items/2008/12/22.html