CSS hack 解决各浏览器不兼容问题
浏览数：34 /
时间：2015年06月09日
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]-->
郑重声明：本站内容如果来自互联网及其他传播媒体，其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享，并不代表本站赞同其观点和对其真实性负责，也不构成任何其他建议。
