CSS Embedded Stylesheet and Hacks for IE – (New)

Embedded Stylesheet and Hacks for IE

Target ALL VERSIONS of IE

<!–[if IE]>
<link rel=”stylesheet” type=”text/css” href=”all-ie-only.css” />
<![endif]–>

Target everything EXCEPT IE

<!–[if !IE]><!–>
<link rel=”stylesheet” type=”text/css” href=”not-ie.css” />
<!–<![endif]–>

Target IE 7 ONLY

<!–[if IE 7]>
<link rel=”stylesheet” type=”text/css” href=”ie7.css”>
<![endif]–>

Target IE 6 ONLY

<!–[if IE 6]>
<link rel=”stylesheet” type=”text/css” href=”ie6.css” />
<![endif]–>

Target IE 5 ONLY

<!–[if IE 5]>
<link rel=”stylesheet” type=”text/css” href=”ie5.css” />
<![endif]–>

Target IE 5.5 ONLY

<!–[if IE 5.5000]>
<link rel=”stylesheet” type=”text/css” href=”ie55.css” />
<![endif]–>

Target IE 6 and LOWER

<!–[if lt IE 7]>
<link rel=”stylesheet” type=”text/css” href=”ie6-and-down.css” />
<![endif]–>

<!–[if lte IE 6]>
<link rel=”stylesheet” type=”text/css” href=”ie6-and-down.css” />
<![endif]–>

Target IE 7 and LOWER

<!–[if lt IE 8]>
<link rel=”stylesheet” type=”text/css” href=”ie7-and-down.css” />
<![endif]–>

<!–[if lte IE 7]>
<link rel=”stylesheet” type=”text/css” href=”ie7-and-down.css” />
<![endif]–>

Target IE 8 and LOWER

<!–[if lt IE 9]>
<link rel=”stylesheet” type=”text/css” href=”ie8-and-down.css” />
<![endif]–>

<!–[if lte IE 8]>
<link rel=”stylesheet” type=”text/css” href=”ie8-and-down.css” />
<![endif]–>

Target IE 6 and HIGHER

<!–[if gt IE 5.5]>
<link rel=”stylesheet” type=”text/css” href=”ie6-and-up.css” />
<![endif]–>

<!–[if gte IE 6]>
<link rel=”stylesheet” type=”text/css” href=”ie6-and-up.css” />
<![endif]–>

Target IE 7 and HIGHER

<!–[if gt IE 6]>
<link rel=”stylesheet” type=”text/css” href=”ie7-and-up.css” />
<![endif]–>

<!–[if gte IE 7]>
<link rel=”stylesheet” type=”text/css” href=”ie7-and-up.css” />
<![endif]–>

Target IE 8 and HIGHER

<!–[if gt IE 7]>
<link rel=”stylesheet” type=”text/css” href=”ie8-and-up.css” />
<![endif]–>

<!–[if gte IE 8]>
<link rel=”stylesheet” type=”text/css” href=”ie8-and-up.css” />
<![endif]–>

HACKS

If you must…
IE-6 ONLY

* html #div {
height: 300px;
}

IE-7 ONLY

*+html #div {
height: 300px;
}

IE-8 ONLY

#div {
height: 300px/;
}

IE-7 & IE-8

#div {
height: 300px\9;
}

NON IE-7 ONLY:

#div {
_height: 300px;
}

Hide from IE 6 and LOWER:

#div {
height/**/: 300px;
}

html > body #div {
height: 300px;
}

 

source from css tricks

Advertisement

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Connecting to %s

Follow

Get every new post delivered to your Inbox.