Note that there are some explanatory texts on larger screens.

plurals
  1. POStyle sheet images aren't reloaded by Firefox or Safari
    primarykey
    data
    text
    <p>We have found out that Firefox (at least v3) and Safari don't properly cache images referenced from a css file. The images are cached, but they are never refreshed, even if you change them on the server. Once Firefox has the image in the cache, it will never check if it has changed.</p> <p>Our css file looks like this:</p> <pre><code>div#news { background: #FFFFFF url(images/newsitem_background.jpg) no-repeat; ... } </code></pre> <p>The problem is that if we now change the newsitem_background.jpg image, all Firefox users will still get the old image, unless they explicitly refresh the page. IE on the other hand, detects that the image has changed and reloads it automatically.</p> <p>Is this a known problem? Any workarounds? Thanks!</p> <p>EDIT: The solution is not to press F5. I can do this. But our clients will just visit our web site, and get the old, outdated graphics. How would they know they would need to press F5?</p> <p>I have installed Firebug and confirmed what I already suspected: Firefox just doesn't even try to retrieve images referenced from a css file, to find out if they have been changed. When you press F5, it does check all images, and the web server nicely responds with 304, except for those that <em>have</em> changed, where it responds with 200 OK.</p> <p>So, is there a way to urge Firefox to <em>automatically</em> update an image that is referenced from a css file? Surely I'm not the only one with this problem?</p> <p>EDIT2: I tested this with localhost, and the image response doesn't contain any caching information, it's:</p> <pre><code>Server Microsoft-IIS/5.1 X-Powered-By ASP.NET Date Tue, 14 Oct 2008 11:01:27 GMT Content-Type image/jpeg Accept-Ranges bytes Last-Modified Tue, 14 Oct 2008 11:00:43 GMT Etag "7ab3aa1aec2dc91:9f4" Content-Length 61196 </code></pre> <p>EDIT3: I've done some more reading and it looks like it just can't be fixed, since Firefox, or most browser, will just assume an image doesn't change very often (expires header and all).</p>
    singulars
    1. This table or related slice is empty.
    plurals
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
 

Querying!

 
Guidance

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload