WordPress.org

Support

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

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="http://www.mydomain.org/wp-content/themes/aa_laxp/ie8.css" />
    
    <![endif]-->

    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="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
    <![endif]-->

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

    body{
    
    	background-image: url:('http://www.mydomain.org/wp-content/uploads/2012/04/bg_ie.jpg')!important;
    	width:100%!important;
    	height:100%!important;
    	background-color:transparent!important;
    	background-position:0 0!important;
    	background-attachment:fixed!important;
    	background-repeat:no-repeat!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.
Skip to toolbar