Kathirvel K

Archive for February 2009

IE 6 and below

* html {}

IE 7 and below
*:first-child+html {} * html {}

IE 7 only
*:first-child+html {}

IE 7 and modern browsers only
html>body {}

Modern browsers only (not IE 7)
html>/**/body {}

Recent Opera versions 9 and below
html:first-child {}

Website:
http://eisabainyo.net/weblog/2007/04/18/css-hacks-for-ie-7-ie-6-opera-etc/

Simple Example

<html>
<head>
<style type="text/css" >
.style1{ background:green; } /* FF, Chrome */
.style1{ background/*\**/: blue\9 }
 *+html  .style1{ background:red; }  /* or *:first-child+html for IE 7 */

*html .style1{ background: yellow; } /* IE 6 */</style>
</head>
<body>
<div class="style1"><h3> Green in FF, Chrome </h3><br />
<h3> Blue in IE8 </h3><br />
<h3> Red in IE7 </h3><br />
<h3> Yellow in IE6 </h3><br /></div>
</body></html>

Conditional comments:

Positive
<!--[if condition]> HTML <![endif]-->
Negative
<!--[if !condition]><![IGNORE[--><![IGNORE[]]> HTML <!--<![endif]-->

condition is one of the following:

IE
Any version of IE
lt IE version
Versions less than version
lte IE version
Versions less than or equal to version
IE version
Only version version
gte IE version
Versions greater than or equal to version
gt IE version
Versions greater than version

version is the version of Internet Explorer, typically 55.56, or 7

Website:
http://www.webdevout.net/css-hacks

Advertisements
Tags: