css精靈的背景定位

Question

是否使用background-position css屬性來指示元素應該在哪裏顯示圖像（如this）或應該顯示哪部分圖像（如使用精靈時）？

在我的情況，我有讓我們說300px寬度的DIV，我想要顯示的圖像中該元素的右側部分因此通常我只是增加了一個center right到我的背景聲明，雖然現在我的形象是一種精神所以我怎樣才能控制我想要顯示的圖像的座標？ 在我看來，這種背景屬性以2種不同的方式行事..我錯過了什麼嗎？

Answer 1

如果你想放置精靈元素的地方比那個元素大，那麼你需要在它周圍放置空白（trasnparent）。而且你不能使用中心這樣的關鍵字，你需要使用像素，因爲你將以整個精靈爲中心，而不是你的元素。

使用精靈就像使用背景大於背景圖像的窗口，因此您需要定位窗口（實際上是您定位背景）。

Answer 2

如果您的容器大於要顯示的背景精靈圖像部分，則圖像的其他部分也會顯示。更好地利用雪碧牛產生的精靈，它會給你的子畫面圖像的不同部分的CSS

http://www.spritecow.com/