7个你不可不知的IE hack（涵盖IE6\IE7\IE8）

IE6以下版本的IE，明河就不予说明了，意义不是太大。

一.适用于IE6的hack

1.*html {}

这应该是使用最多的IE6 hack，也是明河推荐使用的hack。

这是个用于测试IE6 hack的层

*html .demo-1{
    background-color:#0CF;
}
    

在IE6下你将看到一个蓝色背景的层。

2. .demo-2{_background-color:#0CF;}

在属性名前加一个“_”，与第一种方法相比，创建更为快速，缺点是扩展性差。

这是个用于测试IE6 hack的层

.demo-2{
    _background-color:#0CF;
    _color:red;
}
    

3. .demo-3{_background-color/**/:/**/ #0CF;}

这个hack非常少用，算是一个颇为偏门的hack，在属性和值中插入二个空注释。

这是个用于测试IE6 hack的层

.demo-3{
	_background-color/**/:/**/#0CF;
}
    

二.适用于IE7的hack

4. *+html  {}

最常用的IE7 hack，与IE6的*html很相似。

这是个用于测试IE7 hack的层

*+html .demo-4{
    background-color:#0CF;
}
    

5. *:first-child+html  {}

不常用的IE7 hack，跟写法上过于繁琐有直接关系。

这是个用于测试IE7 hack的层

*:first-child+html .demo-5{
    background-color:#0CF;
}
    

6. .demo-6{*background-color:#0CF;}

IE7及以下都支持，在属性前加“*”。

这是个用于测试IE7 hack的层

.demo-6{
    *background-color:#0CF;
}
    

三.适用于IE8的hack

7. .demo-7{background-color:#0CF\0/;}

有点诡异的hack，在属性值后面跟上\0/;

这是个用于测试IE8 hack的层

.demo-7{background-color:#0CF\0/;}