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]-->
时间: 2024-10-10 04:12:21