微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

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

如何解决通过外部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中。

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

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 [email protected] 举报,一经查实,本站将立刻删除。