Wesley Bakker

Interesting things I encounter doing my job...

Sponsors

News

Wesley Bakker
motion10
Rivium Quadrant 151
2909 LC Capelle aan den IJssel
Region of Rotterdam
The Netherlands
Phone: +31 10 2351035

(feel free to chat with me)
 

Add to Technorati Favorites

Remove page flicker in IE8

In this pet project of mine I have two large background images. Unfortunately this means that IE will display a nasty page flicker on each request. I used to get rid of this with the a metatag that looks like this:

    <!--[if IE]>
        <meta http-equiv="Page-Exit" content="blendTrans(Duration=0.0)" />
    <![endif]-->

For some reason however, this doesn't work in IE8 with cached pages. Use this tag instead and it all works fine again.

    <!--[if IE]>
        <meta http-equiv="Page-Exit" content="Alpha(opacity=100)" />
    <![endif]-->

Cheers,

Wes

Posted: Mar 18 2010, 10:35 AM by webbes | with 10 comment(s)
Filed under: ,

Comments

Patrick said:

I try  and is not working i also try  <meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />

but no success

# March 18, 2010 7:40 AM

BiggyBigg said:

Nice tip!

Here's another tip:  don't use large background images.

# March 18, 2010 8:29 AM

Dew Drop – March 18, 2010 | Alvin Ashcraft's Morning Dew said:

Pingback from  Dew Drop &#8211; March 18, 2010 | Alvin Ashcraft&#039;s Morning Dew

# March 18, 2010 9:07 AM

webbes said:

@BiggyBig: :) You are so right about that..

@Patrick: Is it working when you like at the pet project site?

# March 18, 2010 12:07 PM

Srowe said:

This worked for me - I had seen the fix for IE 7 and earlier, but the IE 8 fix has eluded me until I saw this.  Worked like a charm!

# March 18, 2010 8:24 PM

Sabina said:

Works great! Had tried the blendTrans option in all different ways, but didn't know that that one only worked for previous versions of IE. Glad I came across your site. Thanks so much.

# May 24, 2010 11:54 PM

larry said:

Your code worked! I can put away my sledge hammer.

# June 30, 2010 12:59 PM

sam said:

I cannot get the flicker to stop, did follow above instruction but did not work any other suggestion - need help

<!--[if IE]>

  <meta http-equiv="Page-Enter" content="Alpha(opacity=100)" />

   <meta http-equiv="Page-Exit" content="Alpha(opacity=100)" />

<![endif]-->

# July 4, 2010 10:03 PM

Gaurav said:

It works for me, thanks for nice tip

# July 15, 2011 2:38 PM

decorti said:

it doesn't work ! X(

# November 4, 2011 6:23 AM
Leave a Comment

(required) 

(required) 

(optional)

(required)