今天我们来聊一聊CSS图片精灵移动位置。首先，什么是CSS图片精灵呢？简单来说，它是一种通过将多个小图片合并成一张大图片，再用CSS background-position属性来控制显示哪个小图片的技术。 在使用CSS图片精灵时，我们需要考虑如何移动位置，即如何控制显示哪个小图片。这时就需要使用CSS background-position属性了。这个属性可以用来控制背景图片的位置，具体用法如下：

.classname {
background-image: url('sprites.png');
/* x方向偏移量 y方向偏移量*/
background-position: -10px -20px;
}

其中，-10px表示沿着x轴向左移动10个像素，-20px表示沿着y轴向上移动20个像素。这样就可以控制下面元素显示的是哪个小图片了。 当然，如果你不想手动计算每个小图片的偏移量，可以使用工具来自动生成CSS代码。比如，可以使用Sprite Cow这个在线工具，只需要上传你的精灵图片，然后选择需要显示的小图片，该工具就会自动生成CSS代码，包括每个小图片对应的偏移量。 最后，我们需要注意的一点是，当使用CSS图片精灵时，需要设置背景图片的尺寸为精灵图片的尺寸，以保证正确显示，具体代码如下：

.classname {
background-image: url('sprites.png');
background-position: -10px -20px;
/* 精灵图片的宽高 */
width: 100px;
height: 200px;
}

总之，CSS图片精灵是一种非常实用的技术，可以有效减少网页加载时间和HTTP请求数量。掌握好如何移动位置，就能更好地使用CSS图片精灵了。