css - 通过外部 CSS 或内联样式缩放时，Firefox 会使图像模糊。

Question

当我在视觉上缩放图像时，Firefox 3 会模糊它。 Firefox 2 和其他浏览器不会，这是我所期望的行为。这对于使用 png 或 gif Sprite 创建基于网络的游戏来说尤其蹩脚。

例如，当在 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;

我想我会分享这个信息。很抱歉回答我自己的问题 ;)