2011-09-23 91 views
1

任何想法会使样式表多次加载图像?图像是相同的URL,没有什么奇特的事情发生。从CSS中多次请求图像


编辑:只发生在这两个iPhone“模式”和默认“模式”野生动物园(5.0.3) - 我不能在FF或IE重现该问题。

Apache_access_log说图像确实被多次访问。

在逐一添加调用图像的样式时,它们似乎没有遵循任何模式,以便它们何时开始加倍。

我也试着让图片显着缩小以查看它是否是缓存问题。没有改变任何东西。

+0

我认为CSS文件是同时请求的,因此除非在请求CSS文件之前加载图像,否则它可能会多次加载图像。 –

+0

确实在你的网址中有一些缓存拦截器(例如,一个随机数作为查询字符串附加到url中,如'/someimage.jpg?1234346758') –

+0

nope - 图像始终是相同的URL,而.htaccess忽略图像。我确实有多张css表单 - 我必须grep'em,看看加载的数量是否与其中的img数量匹配。 – circusdei

回答

0

不知道这笔交易的Safari什么,但显然:

如果指向同一精灵表的CSS规则不被组合在一起,它会请求图像不止一次。 (尽管不是呼叫出现的全部次数)。

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

这将要求一次图像。

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

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

这将要求图像两次。

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