Geek Answers Handbook

Why is ie8 flash white background in a split second when updating?

I have a problem with IE8. When the age is reloaded / updated, it flashes white. My client is very unhappy, and I can not find any answer anywhere. PLEASE anyone can shed light. Here is a link to the website with the problem: http://www.gingergraphicdesign.com

+6
internet-explorer-8
source share
5 answers

Your inline CSS says:

body { margin:0px; background-color:#fff ...

... so (#fff, for example, white) is the color that will be displayed until other elements appear or the background graphics load. Select a color that is close in tone and value to the main color of the final downloaded version to minimize apparent flicker. In your case, most of the resulting layout is a black background, so you want to go with black.

+3
source share

Another way to reduce flickering between page transitions in IE is the fajax method described here .

It gives a short transition effect, although it may not be suitable for the next page visited, but just thought that I would throw it as an opportunity.

 <META http-equiv="Page-Enter" content="blendTrans(Duration=0.1)"> <META http-equiv="Page-Exit" content="blendTrans(Duration=0.1)">
+3
source share

Try this code:

 body, html{background:#0F0;}

Apply the bg to HTML tag. Success: D

+3
source share

The background of your page is #FFFFFF (white). It is displayed just a few seconds before the image URL appears ("Resources / ggdbggradient.gif").

Change the background color to something darker that matches and everything will be fine.

+1
source share

I found that setting the background color in the CSS file does not remove the white flash.

What worked for me was embedding the style in the header just before loading the CSS files. In my case, the color I wanted was #D0D0D0 , so this is what I did.

 <!doctype html> <html lang="en"> <head> <title>Page Title</title> <!-- META Tags --> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <style>html, body { background-color: #D0D0D0; } </style> <!-- CSS Style Sheets --> <link rel="stylesheet" type="text/css" href="/css/style.css" /> </head>

The white flash in IE9 is resolved for me. I assume IE will draw the page white if there is Javascript in <head> , but IE will not parse the CSS file until it reaches <body> .

0
source share

More articles:


All Articles