首页 > 代码修改 > 一些关于浏览器兼容的代码【持续更新中】
2011
10-16

一些关于浏览器兼容的代码【持续更新中】

2011年10月16日  星期日

今天先写些关于IE6、IE7、IE8和火狐浏览器的部分兼容标志:

1、让IE6单独识别的符号标志是”_”,如:“padding:10px 0;_padding:8px 0;”

2、让IE7、IE8单独识别的符号标志是”+”,如:“padding:10px 0;+padding:8px 0;”

3、让IE6、IE7浏览器单独识别的符号标志是”*”,如:“padding:10px 0;*padding:8px 0;”

4、以下为心岛摘自网友发布的一些特殊标志:

浏览器       IE6  IE7	IE8	FF
 符号
*	     √  √	×	×
!important   ×    √	×	√
_	     √  ×	×	×
\9	     ×  ×	√	×
*html	     √  ×	×	×
*+html	     ×  √	×	×
 
说明:”√”代表能识别;” ×”代表不识别
A、  案例一(常用)
如果各个浏览器的高度都不相同,代码如下:
.warp{
Height:100px;          /*IE6、IE7、IE8、FF识别*/
Height:110px\9;       /*IE8识别*/
*height:120px!important;        /*IE7 识别*/
*height:130px;           /*IE6、IE7识别,但上一段代码中!important的级别比*号的级别高,所以此段代码只有IE6中才有效*/
}
 
B、  案例二
如果各浏览器高度只有IE6和IE7中相同,而FF不同,代码如下:
.warp{
Height:100px;     /*IE6 、IE7、 IE8、FF识别*/
*height:120px;    /*IE6、IE7识别*/
}
 
C、  案例三
对各浏览器单独写不同代码,如下:
.warp{  height:200px; }  /* IE6 、IE7、 IE8、FF识别*/
.warp{  height:300px\9;}  /*IE8识别*/
*html  .warp{  hegith:210px; }  /*IE6识别*/
*+ html  .warp{  height:300px;}  /*IE7识别*/
 
D、  案例四
如果各浏览器高度相同只有IE6的不同,代码如下:
.warp{
           Height:100px;    /* IE6 、IE7、 IE8、FF识别*/
           _Height:120px;  /*IE6识别*/
}

2011年10月31日更新

关于IE6\IE7不识别margin-bottom的解决办法:

请在使用了该属性的模块下添加如下代码即可完美兼容:

<div style="clean:both;"></div>
最后编辑:
作者:xindao
这个作者貌似有点懒,什么都没有留下。

一些关于浏览器兼容的代码【持续更新中】》有 28 条评论

留下一个回复

你的email不会被公开。