Menu
Just wondering given these IE hacks in my bag of tricks
"\9" - for IE8 and below.
"*" - for IE7 and below.
"_" - for IE6.
i.e. such as
body {
border:2px solid blue;
border:2px solid yellow \9;
*border:2px solid green;
_border:2px solid orange;
}
Whether anyone has such a hack for IE9 ? i.e. I'm trying to target IE9 only via CSS ?
253
Terrible, but it should work:
body {
border:2px solid blue;
border:2px solid yellow \9;
*border:2px solid green;
_border:2px solid orange;
}
body:nth-child(n) {border:1px solid purple \9; /*Should target IE9 only - not fully tested.*/}
I suggest using condcoms to feed an IE9 css file or have a conditional html class, similar to:
<!--[if lt IE 7]> <html lang="en-us" class="no-js ie6"> <![endif]-->
<!--[if IE 7]> <html lang="en-us" class="no-js ie7"> <![endif]-->
<!--[if IE 8]> <html lang="en-us" class="no-js ie8"> <![endif]-->
<!--[if gt IE 8]><!--> <html lang="en-us" class="no-js"> <!--<![endif]-->
IE9 is pretty standards compliant. You shouldn't need to hack it.
Also, you should be using IE conditional comments to load different styles. For IE 9 you would do:
<!--[if IE 9]>
<!-- conditional content goes here -->
<![endif]-->
If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With
