使用css精灵加载图像作为背景

为了减轻页面的负担，我想使用精灵。我的问题是，我有一个图像作为

li

的背景，在它之间还有另一个图像。
我想用精灵加载所有这些图像，但是我可以使用类作为

li

的背景吗？ 如果我加载2或pus图像作为精灵，我将有一个单一的图像，其中包含我的所有图像和css，我可以选择哪个显示。例如：这一幅：我可以选择这4幅图像中的哪一幅显示在我留下的片段中。
我可以用

li

做同样的事情吗？

<li class="icon advice chrome">content</li>

是的，您可以使用单个类来调用背景图像，但您需要为其他类定义背景位置，例如see my fiddle

---

我使用了

.sprite

类来调用

和

的背景图像，但是我为

背景位置添加了另一个类

您试过运行它吗？对我来说，这似乎很有效。事实上，没有背景位置，一切都会崩溃。谢谢