- 精灵技术主要针对于背景图片的使用,就是把多个小背景图片整合到一张大图中
- 这个大图也称sprites精灵图或者雪碧图
- 移动背景图片位置,此时可以使用background-position
- 移动的距离就是这个目标图片的x和y轴,注意网页中的坐标有所不同
- 因为一般情况下都是往上往左移动的,所以数值是负值(千万注意网页中的坐标:x轴右边走是正值,左边走是负值,y轴同理)
- 使用精灵图的时候要精确测量,每个小背景图片的大小和位置
版权属于:Joe
作品采用:本作品采用 知识共享署名-相同方式共享 4.0 国际许可协议 进行许可。