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

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

如何解决通过外部CSS或嵌入式样式缩放时,Firefox会使图像模糊?
我发现了FireFox的这一新功能:

图像渲染

因此,将其放在您的CSS中将解决此问题:

image-rendering: -moz-crisp-edges;
以为我会分享此信息。抱歉回答我自己的问题;)

解决方法
当我目视缩放图像时,Firefox 3会使图像模糊。Firefox
2和其他浏览器没有,这是我期望的行为。对于使用png或gif精灵创建基于网络的游戏而言,这尤其la脚。

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

sprite.gif
要么

sprite.gif
在FF3中看起来很模糊,而不是在IE中。

关于如何防止这种情况的任何想法?
声明:地推任务网所有作品(图片、文字)均由用户自行上传分享,仅供网友学习交流。

相关文章
|
1月前
|
前端开发
web前端开发-----CSS样式设置
web前端开发-----CSS样式设置
29 0
|
1月前
|
前端开发 JavaScript
css之伪类hover改变自身、子元素、其他元素的样式
css之伪类hover改变自身、子元素、其他元素的样式
21 0
|
1月前
|
前端开发 JavaScript
webpack成长指北第7章---webpack的css\less\scss样式打包
webpack成长指北第7章---webpack的css\less\scss样式打包
41 0
|
3月前
|
前端开发 JavaScript
如何固定html表格头部,用css样式即可实现,操作简便、代码简单
如何固定html表格头部,用css样式即可实现,操作简便、代码简单
25 0
|
1天前
|
前端开发
|
4天前
|
移动开发 前端开发
【通用CSS模板】移动端H5页面统一样式.css
【通用CSS模板】移动端H5页面统一样式.css
|
1月前
|
JavaScript 前端开发
如何在 Vue 中进行样式绑定和scoped CSS?
如何在 Vue 中进行样式绑定和scoped CSS?
13 0
|
1月前
|
前端开发
uni-app中基于bootstrap的css样式
uni-app中基于bootstrap的css样式
22 0
|
1月前
|
Web App开发 存储 数据可视化
编程笔记 html5&css&js 029 HTML图像
编程笔记 html5&css&js 029 HTML图像
|
1月前
|
前端开发 开发者
编程笔记 html5&css&js 017 HTML样式
编程笔记 html5&css&js 017 HTML样式