CSS精灵图的使用
2020-07-13 本文已影响0人
埼玉的头发
优点:使网页加载速度变快
用法:
1.给容器设置背景图片(精灵图)
2.测量精灵图中需要得到的小图片的大小,并将其设置为容器大小
3.测量出需要得到的小图片左上角的坐标(x,y)
3.将background-position属性设置为 -x -y
优点:使网页加载速度变快
用法:
1.给容器设置背景图片(精灵图)
2.测量精灵图中需要得到的小图片的大小,并将其设置为容器大小
3.测量出需要得到的小图片左上角的坐标(x,y)
3.将background-position属性设置为 -x -y