通过外部CSS或嵌入式样式缩放时，Firefox会使图像模糊

问题描述

我发现了FireFox的这一新功能：

图像渲染

因此，将其放在您的CSS中将解决此问题：

image-rendering: -moz-crisp-edges;

以为我会分享此信息。抱歉回答我自己的问题;）

解决方法

当我目视缩放图像时，Firefox 3会使图像模糊。Firefox
2和其他浏览器没有，这是我期望的行为。对于使用png或gif精灵创建基于网络的游戏而言，这尤其la脚。

例如，在Firefox 3中显示100x100的图像时，如下所示：

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

要么

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

在FF3中看起来很模糊，而不是在IE中。

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