Home/ Questions/Q 4627428
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-22T03:33:58+00:00

I would like to use some different CSS for ie8 but keep just the

  • 0

I would like to use some different CSS for ie8 but keep just the one CSS file. Can anyone tell me what the best “hack” for this is? Yeah I know hacks are not good but I would like to keep one CSS file at least just for now.

For example, in non-IE8 browsers I would like the browser to see this:

div.content_header_heading { 
    background: -moz-linear-gradient(top, #cccccc 0%, #eeeeee 35%, #eeeeee 65%, #cccccc 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#cccccc), color-stop(35%,#eeeeee), color-stop(65%,#eeeeee), color-stop(100%,#cccccc)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #cccccc 0%,#eeeeee 35%,#eeeeee 65%,#cccccc 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #cccccc 0%,#eeeeee 35%,#eeeeee 65%,#cccccc 100%); /* Opera11.10+ */
    background: -ms-linear-gradient(top, #cccccc 0%,#eeeeee 35%,#eeeeee 65%,#cccccc 100%); /* IE10+ */
}

But if the browser is IE8, I would like the browser to see this:

div.content_header_heading { 
}
Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    Paul Irish has a good solution to this problem. It involves using conditional comments to place classes on the <html> tag:

    <!--[if lt IE 7 ]> <html class="ie6"> <![endif]-->
<!--[if IE 7 ]>    <html class="ie7"> <![endif]-->
<!--[if IE 8 ]>    <html class="ie8"> <![endif]-->
<!--[if IE 9 ]>    <html class="ie9"> <![endif]-->
<!--[if (gt IE 9)|!(IE)]><!--> <html class=""> <!--<![endif]-->

    Then you can target IE versions with CSS rules:

    .ie8 div.content_header_heading { 
}

    See http://paulirish.com/2008/conditional-stylesheets-vs-css-hacks-answer-neither/.

    • 0