0

我在谷歌页面速度上测试了我的网站的页面速度,我得到了将图像组合成 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的新手。每一个建议都值得赞赏。谢谢你。

4

1 回答 1

1

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

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

查看此页面有关背景位置的更多信息。

于 2013-02-19T13:11:16.920 回答