Weird IE8 layout glitch – why does the body background disappear?

by

The answer below is now mostly obsolete, because the problem has been fixed as of jQuery 1.6.2, which has been out for a while now.

If you’re having this problem, just upgrade jQuery to the newest available version.

Edit:

There’s something wrong with jQuery!

If I switch to 1.6.1 hosted from Google, it still breaks: http://jsbin.com/epata3/3

If I move the script to inside the head, it works: http://jsbin.com/epata3/4

And you’re right, everything works as expected with 1.6.0: http://jsbin.com/epata3/7

???

There’s something wrong with your jQuery include.

This simple test case breaks in IE8 in exactly the same way:

See in IE8: http://jsbin.com/exomi4

The background flashes red, then turns white.

<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title></title>

<style>
body {
    background-color: red;
}
</style>

</head>
<body>
<script type="text/javascript" src="http://www.mojalbum.com/js.php?f=core/jquery_1.6.1.js,&c=v2"></script>
</body>
</html>

More Related Contents:

  1. jquery IE Fadein and Fadeout Opacity
  2. jQuery Adding new option to select element doesn't pick up the string [closed]
  3. Slide down button to show text HTML CSS
  4. How can I convince IE to simply display application/json rather than offer to download it?
  5. Bootstrap 3 Collapse show state with Chevron icon
  6. Add and remove a class on click using jQuery?
  7. css width: calc(100% -100px); alternative using jquery
  8. Number nested ordered lists in HTML
  9. How do you add pseudo classes to elements using jQuery?
  10. Use jQuery/CSS to find the tallest of all elements [duplicate]
  11. How do I auto-hide placeholder text upon focus using css or jquery?
  12. Set width of a “Position: fixed” div relative to parent div
  13. How to make a hover effect for pseudo elements?
  14. What CSS3 selectors does jQuery really support, e.g. :nth-last-child()?
  15. Exporting PDF with jspdf not rendering CSS
  16. How to take id as selector when used hash?
  17. Get height of div with no height set in css
  18. auto resize text (font size) when resizing window?
  19. Mobile site – force landscape only / no auto-rotate
  20. Check, using jQuery, if an element is ‘display:none’ or block on click
  21. How can I tell if a particular CSS property is inherited with jQuery?
  22. Change button text jquery mobile
  23. Can an iframe only show a certain part of the page?
  24. How to force a hover state with jQuery?
  25. CSS issue on Twitter Typeahead with Bootstrap 3
  26. How to keep footer at the bottom even with dynamic height website
  27. How to create a diagonal line within a table cell?
  28. Google Chrome viewport-anchored expand direction with flexbox
  29. Preventing “SCRIPT5: Access is denied” error in IE
  30. Overriding CSS styles of the jQuery UI Tooltip widget

Leave a Comment