css - css精灵的背景定位

Question

css 属性是否background-position用于指示应在元素中的何处显示图像（如此）或应显示图像的哪个部分（如使用 sprite 时）？

在我的例子中，我有一个300px宽度的 div，我希望图像显示在该元素的右侧，所以通常我只是center right在我的背景声明中添加了一个，虽然现在我的图像是一种精神，所以我该如何控制我要显示的图像的坐标？在我看来，这个背景属性以两种不同的方式起作用。我错过了什么吗？

Answer 1

如果要放置精灵元素的位置大于元素，则需要在其周围放置空白（透明）。而且你不能使用像中心这样的关键字，你需要使用像素，因为你会居中整个精灵而不是你的元素。

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

Answer 2

如果您的容器大于您要显示的背景精灵图像部分，则图像的另一部分也将显示。更好地使用 Sprite cow 生成 sprite，它将为您提供 sprite 图像不同部分的 css

http://www.spritecow.com/