我对使用精灵图像很感兴趣。
出于教育方面的原因，我一直在研究SO的CSS，并发现除了单独的图像之外，其他内容中的上/下投票等项目都来自整个png图像。
background-image:url('img/sprites.png?v=5')
我如何从组装的png中提取单个图像？所以我可以在我的网站上使用它，这看起来比在子目录中拥有大量图像更有效，而不是1中主要图像的集合？
答案 0 :(得分：3)
键是background-position：您构建了这样的精灵图像，然后计算每个图像的偏移量。然后设置适当的值。您还可以为包含背景的元素指定正确的宽度和高度。
示例（来自此处的向上箭头）：
background-position: 0 -265px;
height: 25px;
width: 41px;
您设置相同的background-image但不同的位置。