CSS精靈圖是將多張圖片合并為一張圖片并且用CSS樣式來顯示不同的部分，可以大量減小網頁加載圖片的數量，提高網頁的加載速度。但是，如何確定精靈圖中不同部分的坐標位置呢？這就需要使用測量坐標軟件。

.sp-btn {
/* 按鈕的樣式 */
display: inline-block;
width: 92px;
height: 26px;
background: url(sprite.png) 0 0 no-repeat;
}
/* 確定按鈕在精靈圖中的位置 */
.sp-btn:hover {
background-position: 0 -30px;
}
/* 確定精靈圖的大小 */
.sp-btn {
background-size: 100px 60px;
}

在上面的代碼中，我們使用了sprite.png這張精靈圖來作為按鈕的背景，在:hover偽類中改變了精靈圖的背景位置來獲取不同狀態下的按鈕，同時使用了background-size屬性指定了精靈圖的大小。但是，如何確定按鈕在精靈圖中的位置呢？

這就需要使用測量坐標軟件，比如常用的有Photoshop和PixelWin。具體使用方法如下：

1. 打開精靈圖和測量坐標軟件
2. 在測量坐標軟件中打開精靈圖
3. 使用鼠標測量按鈕所在的位置
4. 獲得按鈕在精靈圖中的坐標

這樣，就可以獲得按鈕在精靈圖中的坐標，從而在CSS中準確的指定每個部分的背景位置了。