今天我們來聊一聊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圖片精靈了。