Internet Explorer 8 background disappeared (or becomes white) bug with jQuery 1.6 (or 1.6.1)

Latest Update: This bug has been fixed by jQuery 1.6.2 released on 30/06/2011.

If your project has upgraded to jQuery version 1.6 or jQuery 1.6.1, then you should make sure it works fine with Internet Explorer 8 (IE8) before you hit the publish button. This is my two cents.

What’s wrong with jQuery 1.6+ and IE8?

If your website has used background image or color other than “white”, and if it is viewed by IE8, the website will be rendered just right…but only at the first sight…and then the background will goes plain WHITE soon after that, automatically. Only IE8 will show you this “magic”.

There is a bug in jQuery 1.6 and 1.6.1 and is reported here. Unfortunately we have suffered this strange behavior for several days before we realize that this “magic” is associated with jQuery.


There is also a solution suggested in the above mentioned bug report. To save your time, I quote it here with credit goes to the original author:

Same problem on version 1.6.1

The bug can be resolved on ligne 1288 from jquery-1.6.1.js.

Replace :

“documentElement.insertBefore( body, documentElement.firstChild );”


“documentElement.appendChild( body );”

Hope this post could save you a day or several hours. Happy coding!

2 Replies to “Internet Explorer 8 background disappeared (or becomes white) bug with jQuery 1.6 (or 1.6.1)”

  1. Hey,

    thanks a lot, was wasting 3 hours on this bevor i searched in internet and found your blog.
    Was already going insane about it.

  2. Wгite mοre, thats all Ι haѵe to sау.

    Litегally, іt seemѕ as though you reliеd on the viԁеo tο makе your pоint.
    You ԁefinitely know what youгe tаlking about, ωhу throw away your
    іntelligence οn just posting vіdeos to уоur wеblοg when уou
    сould be gіving us sοmеthing infогmatiνе to гeaԁ?

Leave a Reply

Your email address will not be published. Required fields are marked *