从CSS多次请求图像

Question

知道什么会使样式表多次加载图像？图像是相同的URL，没有什么花哨的。

---

编辑：仅在iPhone“模式”和默认“模式”的safari（5.0.3）中发生 - 我无法在FF或IE中重现该问题。

Apache_access_log表示图像确实被多次访问。

当添加逐个调用图像的样式时，它们似乎不会遵循任何模式来确定它们何时开始加倍。

我还尝试将图像显着缩小以查看它是否是缓存问题。没有改变任何事情。

Answer 1

不确定Safari的交易是什么，但显然：

如果引用相同精灵表的CSS规则未组合在一起，它将多次请求图像。 （虽然不是呼叫出现的完整次数）。

#divOne, #divTwo, #divThree {
    background-image: url('IMGURLHERE');
}

这会请求图像一次。

#divOne {
    background-image: url('IMGURLHERE');
}

#divTwo {
    background-image: url('IMGURLHERE');
}

这会要求图像两次。

不知道为什么会这样。