IE兼容问题，各类css hack代码（亲测有效）

现在大部分企业对浏览器兼容要求是IE7+或者IE8+，要求IE6的很少，此处一并写出。

IE6：

_margin-top: 20px;

IE6+IE7：

*margin-top: 20px;

+margin-top: 20px;

IE6+：

margin-top: 20px\9;

IE8+：

margin-top: 20px\0;

IE9:

/*:root在谷歌浏览器中也能被识别，所以需要加\9*/
:root .item{
    margin-top: 20px\9;
}

IE8：

/*没有针对IE8的hack代码，但是可以组合实现*/
margin-top:10px\0;
:root .item{
    margin-top: 20px\9;
}

 

这只是头疼医头，脚痛医脚。可以解决生产中遇到的IE兼容问题，却不清楚究竟是哪些属性导致的兼容问题，有必要对浏览器解析CSS属性做一些了解，生产中尽量避开这些坑，提高开发效率。