CSS 多次请求图像

Question

知道什么会使样式表多次加载图像吗？图像的 URL 相同，没什么特别的。

---

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

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

当添加将图像一一调用回来的样式时，它们似乎不遵循任何关于何时开始加倍的模式。

我还尝试使图像明显变小，以查看是否是缓存问题。没有改变任何东西。

Answer 1

不确定 Safari 是怎么回事，但显然：

如果引用相同 sprite-sheet 的 CSS 规则没有分组在一起，它将多次请求图像。 （尽管不是呼叫出现的完整次数）。

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

这将请求一次图像。

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

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

这将请求图像两次。

不知道为什么会发生这种情况。