dylanmac
06-04-2008, 03:54 PM
The site I am working on uses a bg image in the body element style in the css file. I notice as I navigate around the site with IE 7 that the image appears to reload as I move around the site.
As I investigated further I discovered that the image is not actually reloading (I looked at the server logs). Rather it appears that IE 7 is pulling the image from the browser cache but is repainting the image on every page request. Either way, the image is the last thing to be drawn on the page and consequently the background "pops" each time the user loads a page with the same background. It's really annoying. FF does not do this nor does Safari on the Mac.
The site is here: http://revfoods.com
Here's the CSS snippet that would affect this:
body {
margin: 0;
padding: 0;
background: url(/images/application/background-image.jpg) no-repeat top center;
text-align: center
}
I tried substituting the jpg for a png but no dice. Any ideas?
As I investigated further I discovered that the image is not actually reloading (I looked at the server logs). Rather it appears that IE 7 is pulling the image from the browser cache but is repainting the image on every page request. Either way, the image is the last thing to be drawn on the page and consequently the background "pops" each time the user loads a page with the same background. It's really annoying. FF does not do this nor does Safari on the Mac.
The site is here: http://revfoods.com
Here's the CSS snippet that would affect this:
body {
margin: 0;
padding: 0;
background: url(/images/application/background-image.jpg) no-repeat top center;
text-align: center
}
I tried substituting the jpg for a png but no dice. Any ideas?