Question

我在google页面速度上以页面速度测试了我的网站，我得到了将图像组合成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的新手。每个建议都表示赞赏。谢谢。

Answer 1

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

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