CSS hack 解决各浏览器不兼容问题

1.IE8下兼容问题：转化成IE7兼容，头部加上代码：

<metahttp-equivmetahttp-equiv="x-ua-compatible"content="IE=7"/>

2、flaot浮动造成IE6双倍边距：

margin-left:10px!important;        /*IE7,IE8,FF下是10PX*/;
margin-left:5px;           /*IE6下属性写的是5PX，但在显示出来的是10px

或者给浮动元素加上display:inline来解决。

3、区别FF,IE6,IE7

height:100px;    //FF不认识第2、3个属性，所以它读的是 height:100px;
*height:120px;    //IE7不认识第3个属性，第2个属性又覆盖了第1个，所以读出的是*height:120px;
_height:150px;     //三个属性IE6都认识，第3个属性覆盖了前两个，所以读到的是_height:150px;

　　 附：
　　1、仅IE7识别 ： *+html {…} 　　2、IE6不能识别!important，其他都可以；　　3、IE6支持下划线，IE7及其他不支持；

4、HTML头部引用(if IE)Hack：
　　1、针对所有IE：<!--[if IE]><!--您的代码--><![endif]-->
　　2、针对IE6：<!--[if IE 6]><!--您的代码--><![endif]-->
　　3、针对IE6及以上：<!--[if gte IE 6]><!--您的代码--><![endif]-->
　　4、针对非IE浏览器：<!--[if !IE]><!--您的代码--><![endif]-->