CSS Conditional comments for IE 8 and earlier

  • Hi all.

    I’ve had a quick look over the forums and I’m still not able to find the answer I’m looking for, so thought it’s about time I make my first post.

    I’m trying to get all versions equal to or earlier than IE 8 to use a background image for each div, whereas all other browsers that support CSS 3 will take on the rounded corners as per usual CSS.

    My header.php contains the following:

    <link rel="stylesheet" href="<?php bloginfo('stylesheet_url'); ?>" type="text/css" media="screen" />
<!--[if lte IE 8]>
<link rel="stylesheet" href="<?php bloginfo('template_directory'); ?>/iestyle.css" media="screen" type="text/css" />
<![endif]-->

    which as I can tell from all the other forum post’s I’ve read seems to do the trick.

    So I’m wondering, is it something in my CSS file itself?
    the “iestyle.css” file only contains the 3 divs and their code – including the changes required for the background image to show.

    If anyone could help that would be most greatly appreciated.

  • The topic ‘CSS Conditional comments for IE 8 and earlier’ is closed to new replies.