CSS hack

为了兼容IE浏览器，我们需要使用CSS hack。

对于IE6：我们需要在样式属性前面加上“_”下划线。

对于IE7：我们需要在样式属性前面加上“+”。

如果要想兼容IE6和IE7：我们需要在样式属性前面加上“*”。

例如：.box{postion:absolute;top:10px;*top:20px;_top:15px;}

这样在webkit或非IE的浏览器会读取top，IE6则能读取_top，IE7则能读取*top。

注意：

“_”、“+”和“*”，需要险些*的属性，在写“_”的属性，【因为IE7即能识别*也能识别_，IE6只能识别_】。

IE6	_property: value
IE7	+property: value
IE6/7	*property: value
IE6/7/8/9	property: value\9

 

IE6、7、8、9CSS hack

 select {

 background-color:red\0; /* ie 8/9*/

 background-color:blue\9\0; /* ie 9*/

 *background-color:#dddd00; /* ie 7*/

 _background-color:#CDCDCD; /* ie 6*/

 }

示例：

 .test{

 color:#000000; /* FF,OP支持 */

 color:#0000FF\9; /* 所有浏览器IE浏览器(ie6+)支持 ；但是IE8不能识别“*”和“_”的css hack；所以我们可以这样写hack */

 [color:#000000;color:#00FF00; /* SF,CH支持 */

 *color:#FFFF00; /* IE7支持 */

 _color:#FF0000; /* IE6支持 */

 }