7个你不可不知的IE hack

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/;}     
posted @ 2012-07-25 12:36  leeolevis  阅读(189)  评论(0)    收藏  举报