圖片精靈有白色的背景和錯誤的位置

Question

我對圖像精靈不是很有經驗，所以這裏是問題..

我在網上做了一個圖像精靈;這是代碼：

.sprite-slidebutton { 
    background-position: 0 0; 
    width: 70px; 
    height: 63px; 

} 

.sprite-slidecross { 
    background-position: 0 -113px; 
    width: 70px; 
    height: 63px; 
} 

我得到的圖片，我下載到我的網頁，我打電話給任何想要它的.png。它確實出現！而精靈正在工作，圖像切換像我想要它..

但PNG不顯示透明背景：S也是圖像不在中間，我只看到兩個圖像的一半。 。在哪裏以及如何調整？

要查看直播：

解決

Answer 1

如果我猜我會說有一個與圖像中的阿爾法值的問題。下載gimp並看看它們是什麼。

Answer 2

該png可能有一個白色的背景，而不是一個透明的背景。這是你需要在Photoshop，GIMP或類似的編輯。

只要看到圖像的一半，它可能是由於您分配類的元素。如果它的內聯元素如<a>或<span>。嘗試添加「顯示：塊;」在sprite-slidebutton類中。