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.

Solution

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 );”

by

“documentElement.appendChild( body );”

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