整理部分IE hack

阅读更多

前面也简单地写过一篇简单整理IE的hack,但是那篇只是简单地区分了一下IE6|7|8

 

这篇开始主要加入IE各个版本一些问题的处理：

 

1、IE 8：

 

      单独IE8识别的：在规则的值后面加上\0/

 

.test{
   background:#fff\0/;
}

 

 

• th不会自动 继承上级元素的text-align      

      bug-demo:  http://haslayout.net/demos/non-inherited-th-text-align-bug-demo.html

      bug-fixed :  http://haslayout.net/demos/non-inherited-th-text-align-bug-demo-fixed.html

       方法：给th添加text-align:inherit;

 

th{
   text-align:inherit;
}

   

2、IE6

 

 

•  *html         ----- 只有IE6有效  

•  双倍边距 

          添加display:inline到float的元素中。

 

• 在float元素后的元素会有3px间隔

          方法：对应加上 _margin-left:-3px;

3、 IE7

单独IE7下识别的方式： *+html

/*加上*+html*/
*+html .test{
   background:red;
}