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

css-sprites – 我还需要在CSS Sprite中填充图像吗?

在CSS Sprite中,您将经常在每个图像之间找到填充。我相信这个想法是这样的,如果页面调整大小,那么一个图像不会流血到另一个图像。

我认为这取决于不同类型的浏览器缩放(best explained by Jeff)

但是,我在测试中看不到这个行为。这只是老版本浏览器的问题吗? (我目前没有能够使用IE6进行测试,所以我把它当作’旧’)。

我还应该担心留空吗?它的一种痛苦。

例如 :

A CSS Sprite I found for AOL has
padding between each image : 07001

but The Daily Show decided not to
bother : 07002

解决方法

它不应该被填充,但是当缩放时尤其是IE8(比RC更多),如果没有填充,则会出现图像渗色。

最好的例子是去Google.com – >搜索和缩放…您将开始在图像的右下方看到“下划线”,因为缩放向上/向下缩放。

理论上,一个sprite的所有方面的1px填充应该是罚款。

这是Google精灵(图片)…

但是,当缩放时, – ,x图标渗透到主要的Google徽标。

原文地址:https://www.jb51.cc/css/219323.html

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