当前位置:  开发笔记 > 编程语言 > 正文

Firefox通过外部CSS或内联样式进行缩放时会模糊图像.

如何解决《Firefox通过外部CSS或内联样式进行缩放时会模糊图像.》经验,为你挑选了2个好方法。

当我在视觉上缩放图像时,Firefox 3模糊了它.Firefox 2和其他浏览器没有,这是我期望的行为.使用png或gif sprites创建基于Web的游戏尤其蹩脚.

例如,在Firefox 3中显示100x100图像时,如下所示:


要么


它在FF3中看起来很模糊,而不是在IE中.

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



1> Martin Kool..:

我发现了FireFox的这个新功能:

http://developer.mozilla.org/En/CSS/Image-rendering

所以把它放在你的CSS中将解决它:

image-rendering: -moz-crisp-edges;

以为我会分享这些信息.很抱歉回答我自己的问题;)


回答你自己的问题一点都不羞耻!

2> pixelbeat..:

我自己只是想知道这件事,但似乎它在ff3中被硬编码:( http://forums.mozillazine.org/viewtopic.php?f=7&t=752735&p=5008845

ff2没有做任何插值

IE默认情况下不会,但你可以打开它:http: //www.joelonsoftware.com/items/2008/12/22.html

推荐阅读
可爱的天使keven_464
这个屌丝很懒,什么也没留下!
DevBox开发工具箱 | 专业的在线开发工具网站    京公网安备 11010802040832号  |  京ICP备19059560号-6
Copyright © 1998 - 2020 DevBox.CN. All Rights Reserved devBox.cn 开发工具箱 版权所有