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徽标。

相关文章

Css3如何实现鼠标移上变长特效?(图文+视频)
css3怎么实现鼠标悬停图片时缓慢变大效果?(图文+视频)
jquery如何实现点击网页回到顶部效果?(图文+视频)
css3边框阴影效果怎么做?(图文+视频)
css怎么实现圆角边框和圆形效果?(图文+视频教程)
Css3如何实现旋转移动动画特效