雪碧图

1、量尺寸:PS中,在第一张图中,画第一个DIV规定大小的矩形,对png图片进行复制,对复制的图层,Ctrl+T,尺寸归零以后,移动距离。将所需要的icon移动到第一个矩形所画的框中,移动的X和Y的值就是雪碧图background-position所需要移动的位置。

2、直接在浏览器中,按F12调试,在调试中根据上下方向键调整距离,将所得的X轴和Y轴值复制到html文档中。

注意:雪碧图的背景一定要是透明的png图片

原文地址:https://www.cnblogs.com/feiyu1111111111/p/4940188.html