qiaofugui
qiaofugui
发布于 2024-05-20 / 0 阅读
0
0

CSS-精灵图的使用

  1. 精灵技术主要针对于背景图片的使用,就是把多个小背景图片整合到一张大图中
  2. 这个大图也称sprites精灵图或者雪碧图
  3. 移动背景图片位置,此时可以使用 background-position
  4. 移动的距离就是这个目标图片的x和y轴,注意网页中的坐标有所不同
  5. 因为一般情况下都是往上往左移动的,所以数值是负值(千万注意网页中的坐标:x 轴右边走是正值,左边走是负值,y 轴同理)
  6. 使用精灵图的时候要精确测量,每个小背景图片的大小和位置

评论