internet-explorer-9conditional-comments

Conditional Style Sheets in IE9


IE9 is supposed to support conditional comments. I have the correct MIME type: 'type="text/css"'. All of the other conditional style sheets are being read into the correct browsers.

Here is what I cannot get to read in:

<!--[if IE 9]><link rel="stylesheet" type="text/css" href="includes/ie9.css"><![endif]-->

It is in the head with the rest of them, yet will not show up in the head in IE9.


Solution

  • Sorry for the dumb questions but, have you cleared the cache and tested (try setting some border-color or something)? Is the css file path correct and accessible through your http server (try opening it with your browser and testing if it works without the conditional statement)? Another thing, I would go with gte (greater than or equals).

    <!--[if gte IE 9]>
            <link rel="stylesheet" type="text/css" href="includes/ie9.css" />
    <![endif]-->
    

    Also check it there is none X-UA-Compatible meta tags around doing their usual monkey business (Nothing to do with conditional statements, but seems to be the root of many evils lately).