CODEWITHSUNDEEP
javascripthtmlcssinternet-explorerinternet-explorer-10
Programmer1994
Programmer1994

Reputation: 975

IE background flicker

I have the problem that when I switch to other pages on the site, my background turns white and loads again. I know it has something to do with the IE cache and did some research about it. I already tried the most common fixes, both css and javascript, like the ones on this site: http://ieflicker.com/ but none of them works.

UPDATE (some code)

The site uses BODY with background-image: url('background1.jpg') as a part of its CSS. This seems to load image once and cache it in all the browsers but IE10. IE10 seems to reload it every time.

Upvotes: 2

Views: 3198

Answers (1)

Yuriy Galanter
Yuriy Galanter

Reputation: 39777

Apparently IE10 doesn't cache image loaded via CSS despite all the hacks. You need to explicitly load it. E.g. if your body style mentions:

background-image: url('background1.jpg')

add this to your page's HTML: 

<img src='background1.jpg' style='display:none' />

Now this will load and cache the image and the flicker will be avoided.

Upvotes: 6

Related Questions