许多请求从CSS引用的一个图片文件

Question

我创建了CSS-sprite文件，用于减少对服务器的请求数。

但是当页面加载时，我可以在Firebug中看到对同一图片文件的许多GET请求（根据该图片应用的CSS规则数量）。

可能从这一堆请求中只有一个是真实的，其余的是从浏览器的缓存中获取的，但这只是一个假设，因为我可以看到发出HTTP请求的时间。

所以我想知道这是否正常？

PS我正在使用Java webapplication和Tomcat容器。图片资源从默认servlet中检索，因此设置了相应的LastModified标头

Answer 1

如果您指的是图像精灵，我建议您只在类中的css中定义一次，然后仅使用background-position属性。

示例CSS：

.spriteImg {
    background-image: url('../images/spite.png');
}
.headerTile {
    background-position: 0 0;
    background-repeat: repeat-x;
}

示例HTML：

<div id="header" class="spriteImg headerTile"></div>

这是另一个例子：http://css-tricks.com/css-sprites/

Answer 2

来源：萤火虫的YSlow插件

尝试配置ET Tags吗？

善，

丹

Answer 3

是否可能禁用了浏览器缓存？ 在firefox上，键入about：config并确保缓存已打开。

Answer 4

是的，似乎是Firefox 3.5的问题。这是similar case

感谢大家的参与