前面也简单地写过一篇简单整理IE的hack,但是那篇只是简单地区分了一下IE6|7|8
这篇开始主要加入IE各个版本一些问题的处理:
1、IE 8:
单独IE8识别的:在规则的值后面加上\0/
.test{
background:#fff\0/;
}
- th不会自动 继承上级元素的text-align
方法:给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; }