使用 jquery 调用的图像创建 css 精灵答案

【问题标题】：creating css sprites with images called by jquery使用 jquery 调用的图像创建 css 精灵
【发布时间】：2013-02-19 21:15:53
【问题描述】：

我在谷歌页面速度上测试了我的网站的页面速度，我得到了将图像组合成 css sprite 并给出图像列表的建议。

我阅读了有关它的所有链接/文章，其中许多还显示了示例。

我使用了 jquery 并调用了图像，因为没有对包含图像的类进行 html 调用。

这是一张图片的示例 css 代码：

.theme-default .nivo-controlNav a { display:block; width:22px; height:22px; background:url(../images/bullets.png) no-repeat; }

nivo-controlNav 类不在 html 代码中的任何地方调用，它由 jquery 隐式调用。

有什么办法可以解决我的问题吗？

我已经得到了图片的 css sprite 图片和 css 代码，但是无法判断在哪里以及如何从 html 代码中调用它。

我是 css 的新手。每一个建议都值得赞赏。谢谢。

【问题讨论】：

【解决方案1】：

我认为如果你给每个图像类设置背景位置，这个问题就会解决。

.image-1{background-position:x y;}

【讨论】：