Conditional comments for CSS in IE9

Question

I want to add a specific style sheet for IE9 which overrides the img.icon css class with different margin values. So i add the below in the head section. But when page loads it display as a text in browser.

 <!--[if IE 9]>
    img.icon {
        float: right;
        margin: 4px -31px;
    }
    <![endif]-->

user3265259 · Accepted Answer · 2014-02-03 09:39:00Z

2

You are missing the <style> tags

<!--[if IE 9]>
<style>
    img.icon {
        float: right;
        margin: 4px -31px;
    }
</style>
<![endif]-->

answered Feb 3, 2014 at 9:39

user3265259

Sign up to request clarification or add additional context in comments.

Comments

Carol McKay · Accepted Answer · 2014-02-03 09:36:56Z

0

 <!--[if IE9]>
<style>
    img.icon {
        float: right;
        margin: 4px -31px;
    }
</style>
    <![endif]-->

it think

answered Feb 3, 2014 at 9:36

Carol McKay

2,4221 gold badge16 silver badges15 bronze badges

Comments

Leon · Accepted Answer · 2014-02-03 09:38:32Z

0

You forgot the style tags.

<!--[if IE 9]>
<style>
    img.icon {
        float: right;
        margin: 4px -31px;
    }
</style>
<![endif]-->

Also, you might find it easier to load an external stylesheet within the conditional comments:

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

answered Feb 3, 2014 at 9:38

Leon

2,1591 gold badge27 silver badges40 bronze badges

Collectives™ on Stack Overflow

Conditional comments for CSS in IE9

3 Answers 3

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related