Support » Themes and Templates » Body Background not displaying in IE8 and below

  • Well, I’ve exhausted all the options I’ve found on this. I have conditional styles for ie8 and below to try and make it cooperate:

    <!--[if !(IE 6) | !(IE 7) | !(IE 8) ]>
    <link rel="stylesheet" href="" />

    I included the shiv (though it looks like WP takes care of that with a file in the parent theme folder. Still I added the direct link to the google code just in case:

    <!--[if lt IE 9]>
    <script src="<?php echo get_template_directory_uri(); ?>/js/html5.js" type="text/javascript"></script>
    <script src=""></script>

    My conditional CSS for IE8, IE7 and IE6 currently looks like this:

    	background-image: url:('')!important;
    	background-position:0 0!important;
    article, aside, details, figcaption, figure,
    footer, header, hgroup, menu, nav, section {
        display: block;

    These were the fixes I’ve seen around on stackoverflow and the like. All seemed promising, none worked. I checked all the absolute links and they are correct.

    I’m using a child theme of twentyeleven, if that’s at all relevant.

    This is just the first of a string of issues I’m struggling with in IE (page is off center with ever present side-scroll in IE7 and IE8, IE 6 loses the nav and pushes the search box off the page, etc. But that’s another thread, I suppose.

Viewing 2 replies - 1 through 2 (of 2 total)
  • Okay, found the problem. You’ll notice that colon after the URL? Yeah, not supposed to be there. Jeez. Thanks, Firebug Lite.

    Also, I put those conditional styles in the “if-not-any-version-of-IE” conditional comment. I am so embarrassed.

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Body Background not displaying in IE8 and below’ is closed to new replies.