那一抹温暖的阳光,是我们永恒的向往。
www.webbar.cn

7个你不可不知的IE hack(涵盖IE6\IE7\IE8)

11

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/;}
时间:2013-01-18
分类:CSS , HTML , 前端开发

Comments are closed.

Search