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="https://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="https://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:('https://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.
- The topic ‘Body Background not displaying in IE8 and below’ is closed to new replies.