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

前端之家收集整理的这篇文章主要介绍了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.f2er.com/css/219323.html

猜你在找的CSS相关文章