当我目视缩放图像时,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中。
关于如何防止这种情况的任何想法?
我发现了FireFox的这一新功能:
图像渲染
因此,将其放在您的CSS中将解决此问题:
image-rendering: -moz-crisp-edges;
以为我会分享此信息。抱歉回答我自己的问题;)