前面也简单地写过一篇简单整理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;
}