相对定位的精灵

时间:2011-08-04 11:26:10

标签: html css positioning sprite

我能做到

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我的图像中,这是精灵的一部分。

2 个答案:

答案 0 :(得分:2)

您可以使用top center等关键字,也可以使用0 -22px等显式值。

无法同时使用两者。

(你当然可以使用其中一个,例如-22px top

答案 1 :(得分:1)

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

这是无效的。

顶部中心 50%0 相同;

你能描述一下你到底想要什么吗?