Code Snippet

Home » Code Snippets » HTML » Stop IE Page Load Flicker

Stop IE Page Load Flicker

Otherwise known as Fajax (fake ajax). For example, when submitting a form and the next page is mostly similar to the new page, the entire page isn't whited out and redrawn, it blends smoothly to the next (IE only).

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

Subscribe to The Thread

  1. Steve Rowe

    This seems to work with IE 6 & 7 (not sure about prior versions), but not IE 8. Not sure why – still looking for the correct answer for all recent versions of IE. But this helps a little! Thanks.

    Reply ↓
  2. ramesh

    thank you!!!! saved my time :)

    Reply ↓
  3. gosh

    I had better luck changing the duration to 0.1

    Reply ↓
  4. Steve R

    This works great! Thank you. I will be using this from now on. I also had to change the duration to get it to work on IE8. I set mine equal to 0.01

    Reply ↓
  5. Almekhlafi Portal

    Thankyou Very Much for this artical

    Reply ↓
  6. webmist

    this helped heaps but don’t think is quite right yet in IE8 – any updates on the fix for this? I have my duration set at 0.01

    Reply ↓
  7. smart person

    who the hell uses internet explorer anyway? LOL. get a real browser.

    Reply ↓
  8. Wez Chan

    Its amazing thanks.

    Reply ↓
  9. Jake

    Life saver!

    Works well for me using 0.01 on IE8 and IE7.
    It was particularly noticeable as there was a dark background image.

    Thanks :)

    Reply ↓
  10. César

    Hi everyone!

    i’ve noticed that when i use IE9 (maybe the same happens with other versions, but not with Chrome or Firefox), there’s a blank background showing up for a split second when my webpage and menus are loaded.

    Does anyone as the same problem? Or any solution to this issue?
    I’ve tested the solution for the flickering problem, but it didn’t worked out.

    Thanks,

    Reply ↓
    • Jesse

      I am creating a new wordpress site and have the same problem in IE9 and the code above didn’t fix the problem for me. I am also looking for a solution for IE9. In IE8 yes!

  11. Alf

    It’s depreciated in ie8 and ie9. Now see http://css3.bradshawenterprises.com/

    Reason? It’s not standard and they are trying to standardize. So they just ripped out what we have developed around and left us in the lurch.

    Just one more inconsistency from MS that is costing me my sanity.

    Reply ↓
  12. Alf

    Update: Works in IE8 but “duration=0″ does not. Change to 0.4 for me worked fine in ie8. Does not work in IE9 at all as is deprecated.. This is confirmed in several places on the Internet, e.g., my link above.

    Although there are many substitute fades such as JQuery offers, NONE work in a page transition — CSS fades can’t because the page is in transition when Java cannot run because it is not loaded yet (and if you know otherwise, PLEASE PLEASE LET ME KNOW). The only thing that can run between 2 different page displays is the explorer code itself. And MS in it’s infinite wisdom decided we didn’t need it. In the meantime, I have several major projects out there in front of customers based on this blend transition.

    I welcome MS joining in with international standards instead of making up their own, but if you do that, as provider of well over half the world’s browsers, (MICROSOFT LISTEN UP) — PLEASE BE CONSISTENT. To the guy above that says get a better browser, don’t worry, I got Linux too (MS take heed)… just a pity my customers are only changing slowly (but they will).

    MS, your actions are contemptuous and causing untold thousands of losses through your ill-considered actions (eg: the VB6 drop debacle). If you want to stay in the market, EVERYONE IS TELLING YOU TO LISTEN TO YOUR CUSTOMERS and especially us developers who invested so much in you.

    Reply ↓

Speak, my friend

At this moment, you have an awesome opportunity* to be the person your mother always wanted you to be: kind, helpful, and smart. Do that, and we'll give you a big ol' gold star for the day (literally).

Posting tips:
  • You can use basic HTML
  • When posting code, please turn all
    < characters into &lt;
  • If the code is multi-line, use
    <pre><code></code></pre>
Thank you,
~ The Management ~