CSS Sprite如何工作？

您需要研究的示例如下：

#nav li a {background-image:url('sprite.gif')}#nav li a.item1 {background-position:0px 0px}#nav li a:hover.item1 {background-position:0px -72px}#nav li a.item2 {background-position:0px -143px;}#nav li a:hover.item2 {background-position:0px -215px;}

Sprite.gif是一个大图像，它包含网格中的所有较小图像（不一定是）。然后，使用定位仅显示包含图像的精灵部分。

有一些在线工具可以给定一组图像返回一个大的精灵图像，并带有在哪里可以找到较小图像的坐标。