css精灵的背景定位

Question

是否使用background-position css属性来指示元素应该在哪里显示图像（如this）或应该显示哪部分图像（如使用精灵时）？

在我的情况，我有让我们说300px宽度的DIV，我想要显示的图像中该元素的右侧部分因此通常我只是增加了一个center right到我的背景声明，虽然现在我的形象是一种精神所以我怎样才能控制我想要显示的图像的坐标？ 在我看来，这种背景属性以2种不同的方式行事..我错过了什么吗？

Answer 1

如果你想放置精灵元素的地方比那个元素大，那么你需要在它周围放置空白（trasnparent）。而且你不能使用中心这样的关键字，你需要使用像素，因为你将以整个精灵为中心，而不是你的元素。

使用精灵就像使用背景大于背景图像的窗口，因此您需要定位窗口（实际上是您定位背景）。

Answer 2

如果您的容器大于要显示的背景精灵图像部分，则图像的其他部分也会显示。更好地利用雪碧牛产生的精灵，它会给你的子画面图像的不同部分的CSS

http://www.spritecow.com/