使用精靈進行CSS背景定位

Question

我正在通過精靈製作滑動門按鈕，還有一個部分給了我一些麻煩。有什麼辦法來設置錨點和背景圖像的URL位置：因此，像這樣：

background-position: 0 -47px top right; 

Answer 1

號的「窗口」的尺寸需要將圖像完全匹配，否則，這將是剪切/其他圖像被顯示。

您可能不指定放置精靈的位置（它有點違背目的）。

Answer 2

編號「top」和「right」只是值爲0和100％的別名。

Answer 3

如果你的anchor的寬度和高度是常量，那麼你可以使用sprite並定義座標（在你的例子中爲0 -47px）。如果主播可以具有不同的大小，那麼我認爲更好的方法是將背景作爲單獨的圖像剪切，併爲背景添加「右上角」位置。正如上面的人所說 - 沒有辦法同時使用0-47像素和右上角的值。