1.在ps中打开，依次打开图像》图像大小，记录此时精灵图大小；
将这个精灵背景图等比例缩放到原来宽高的一半，记录此时缩放后的精灵图大小。
2.此时页面应显示的是缩放后的图片，打开f8找到它的坐标，将缩放后的xy坐标作为背景定位坐标
3.bg-size的宽度是缩放后的宽度。
这样，就完成了精灵二倍缩放，如果是三倍，将原图尺寸除以三就可以。
1.在ps中打开，依次打开图像》图像大小，记录此时精灵图大小；
将这个精灵背景图等比例缩放到原来宽高的一半，记录此时缩放后的精灵图大小。
2.此时页面应显示的是缩放后的图片，打开f8找到它的坐标，将缩放后的xy坐标作为背景定位坐标
3.bg-size的宽度是缩放后的宽度。
这样，就完成了精灵二倍缩放，如果是三倍，将原图尺寸除以三就可以。
《精灵背景图的二倍图实际操作.doc》
下载本文的Word格式文档，以方便收藏与打印。
用JavaScript做精灵图 精灵图可以不用在给每一个小块一 一的修改位置。主要原理是找到整张的背景图与li的下标的数学关系. 这是一大张背景图，这个背景图的位置其实是有规律的，每两张之间间隔一个固定长度，这个...
2023-05-25编程教程javascript,精灵
