CSS hack，区别IE6, 7, 8 ,firefox

0)css3中

div#div2
{
transform:rotate(30deg);
-ms-transform:rotate(30deg); /* IE 9 */
-moz-transform:rotate(30deg); /* Firefox */
-webkit-transform:rotate(30deg); /* Safari and Chrome */
-o-transform:rotate(30deg); /* Opera */
}




1)

selector{

property:value; /* 所有浏览器 */
property:value\9; /* 所有IE浏览器 */
+property:value; /* IE7 */(*property:value; )
_property:value; /* IE6 */


}

注意顺序。根据CSS的优先性，上面的写法，分别针对Firefox、IE8、IE7和IE6显示值。

2)expression:

<!--[ifgteIE6]>OnlyIE6/+<![endif]--> 

<!--[iflteIE7]>OnlyIE7/-<![endif]-->




<!--[ifIE]>...<![endif]-->之间内容的具体用法,

<!--[ifIE7]><link rel="stylesheet" href="../css/ie7.css"  type="text/css"media="screen"/><![endif]--> 

可以像这样链接一个CSS文件,

<!--[ifIE]> <style> .clearfix{display:inline-block;}  </style> <![endif]--> 

也可以像这样直接输入一行CSS代码。