CSS-精灵图的使用

9次阅读
没有评论

共计 205 个字符,预计需要花费 1 分钟才能阅读完成。

  1. 精灵技术主要针对于背景图片的使用,就是把多个小背景图片整合到一张大图中
  2. 这个大图也称sprites精灵图或者雪碧图
  3. 移动背景图片位置,此时可以使用 background-position
  4. 移动的距离就是这个目标图片的x和y轴,注意网页中的坐标有所不同
  5. 因为一般情况下都是往上往左移动的,所以数值是负值(千万注意网页中的坐标:x 轴右边走是正值,左边走是负值,y 轴同理)
  6. 使用精灵图的时候要精确测量,每个小背景图片的大小和位置
正文完
 0
qiaofugui.cn
版权声明:本站原创文章,由 qiaofugui.cn 于2024-05-20发表,共计205字。
转载说明:除特殊说明外本站文章皆由CC-4.0协议发布,转载请注明出处。
评论(没有评论)
验证码