CSS精灵图坐标取负值原因

  • 精灵图主要针对小的背景图片使用
  • 精灵图的显示主要借助于背景位置来实现——background-position
  • 网页中的坐标:x轴右边是正值,左边是负值,y轴下边是正值,上边是负值
  • 一般情况下精灵图都是负值,因为盒子是固定的,固定在精灵图的左上角顶点处,想要取精灵图除了第一个图形,只能把精灵图往左上角移动,对应坐标就是 -(具体移动像素值)px,-(具体移动像素值)px