当我直观地缩放图像时,Firefox 3会使其模糊。 Firefox 2和其他浏览器不是,这是我期望的行为。这是使用png或gif精灵创建一个基于网络的游戏特别跛脚。
例如,当在Firefox 3中显示100×100图像时,如下所示:
<img src="sprite.gif" width="200" />
要么
<img src="sprite.gif" style="width:200px; height:200px;" />
它看起来模糊在FF3,而不是在IE。
关于如何防止这个的任何想法?
解决方法
我发现FireFox的这个新功能:
http://developer.mozilla.org/En/CSS/Image-rendering
所以把它放在你的CSS将修复它:
image-rendering: -moz-crisp-edges;
想到我会分享这个信息。对不起,回答我自己的问题;)