Flash White Images in Internet Explorer 9 During Navigation

Question

I am developing a website in XHTML 1.1 / CSS 3.0, and I have a problem with Internet Explorer 9. Each time I change the home page to “Function”, various images flash “white” before filling. flash "happens every time the page changes. I saw a lot of stack overflow messages discussing such errors, but they seem to be for older versions of IE. The site looks great in Chrome.

Here is what I have tried so far -

• launched XHTML through the validator (it passes).
• performed a validation of a level 3 validator (it passed).
• I tried to set the background color to black.
• tried changing CSS format for import and vice versa (in the previous sentence)
• moved from HTML / XHTML Transitional to XHTML Strict
• Commented out images to identify a specific image or div - it seems that most of them do it.
• tried an empty Script trick (for flash uninitialized content in IE)
• tried to add meta tags to change the cache settings, so the browser uses the cache.
• I tried various IE meta tags designed for IE6, IE7, IE8 to try to “fix” the behavior.

Any thoughts on what I can try next?

Thanks!

Answer 1

Blinking can be a side effect of having multiple layers of background images, including a shadow layer that stretches to fill the viewport. I will try to turn off these effects and see if that helps. Who knows how this can affect IE by drawing a page ...

You may find that adding gradient.png to #innerContent instead of #content makes more sense, and you don’t need to use multiple BG images for a single element.