所以在CSS中，我收集使用背景位置可以用来控制你想要定位你的图片的位置（单个图像。）
background-position: 0px 0px;
将从左上角定位图像。
然而，当我向你介绍精灵的概念时，我感到很困惑，因为我想当你改变x和y px的值时，你只是将图像移动到网站上的不同区域，而不是选择哪个要使用的精灵内的图像。说我们有精灵，不应该区别
background-position: 0px 0px;
和
background-position: 30px 30px;
是同一个图标向右移30 px向下移30 px吗？
但是，在其他教程中，图像的位置不会改变。相反，他们可以使用背景位置根据精灵的坐标选择精灵内部的图像。
我很困惑。
答案 0 :(得分：0)
所以sprite有多个图像连接在一起。 ..所以只有一个图像（大图像包含较小的图像）。
现在假设您使用该精灵作为div的背景。
现在澄清你的怀疑..假设div是窗口，你只能通过它看到图像的某些部分.. 所以在精灵中我们首先只显示图像的某些部分，我们该怎么做？
通过给出初始背景位置值
，将精灵的那部分定位在窗口（即div）后面现在当你改变大精灵图像移动的背景位置时（记住只有一个大图像由小图像组成）..所以当它移动时，精灵的其他部分是通过窗口可见的（即div的背景图像改变）
这就是通过div ...
可以看到新图像的方式所以这样理解
它不是一个新的图像必然会出现但精灵图像的其他部分，你在背景位置改变时会看到
看看这有助于https://www.smashingmagazine.com/2009/04/the-mystery-of-css-sprites-techniques-tools-and-tutorials/