精灵图 如何获取CSS精灵图

如今，许多大型网站使用css精灵来减少网页的http请求，减少图片的字节数，解决图片命名的麻烦

说白了就是css精灵把一些小图片放在一张图片里，然后利用css的“背景-图像”、“背景-重复”和“背景-位置”的组合来定位背景，其中“背景-位置”可以准确定位背景图片的位置。

上图这些小图标是css精灵做的效果。比如我想得到图中老虎的图片。接下来，我要在firework中打开这张图片，使用切片工具来获得我们想要的图片的位置，甚至宽度和高度。

在烟花中，我们得到老虎的宽度和高度分别是78px和80px。那么它的坐标位置是，那么背景-位置:0px 0px什么时候能拍到老虎的照片！