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