相對定位精靈

background: url(/images/sprites.png) no-repeat 0 -22px;

或

background: url(/images/sprites.png) no-repeat top center;

，如果我想將我的精靈在頂部中央是什麼？像：

background: url(/images/sprites.png) no-repeat 0 -22px top center;

UPD

我有動態寬度的塊。我想把它的top center放在我的圖片中，那是精靈的一部分。

2011-08-04 fl00r

你不能做到這一點。就那麼簡單。 –

您可以使用關鍵字（如top center）或明確的值（如0 -22px）。

沒有辦法同時使用兩者。

（你當然可以使用每個之一，例如-22px top）

2011-08-04 11:32:39 thirtydot

謝謝，但'頂部-22px'不起作用:)'10px center'正常工作 – fl00r

是的，在這種情況下，順序很重要（在大多數瀏覽器中），我已經改變了它。檢查規範：http://www.w3.org/TR/CSS21/colors.html#propdef-background-position – thirtydot

是不是與50％0一樣？ – avetarman

background: url(/images/sprites.png) no-repeat 0 -22px top center;

這是無效的。

top center與相同50％0;

你能描述一下你想要什麼嗎？

2011-08-04 11:32:23 avetarman

回答