ie6与ff兼容代码写法height:23px!important;/*FF代码加上!important*/height:23px;/*IE6代码这样写就可以*//*注意必须定义两次且有!important的代码写在上面*/ffie7ie6的代码兼容格式的写法(注:顺序不能变)height:23…
ie6与ff兼容代码写法
height:23px !important;/* FF代码加上!important */
height:23px ;/* IE6代码这样写就可以 */
/* 注意必须定义两次且有!important的代码写在上面*/
ff ie7 ie6的代码兼容格式的写法(注:顺序不能变)
height:23px;padding-top: 5px/*针对于ff*/;
*height:28px;*padding-top: 0px/*针对于ie7*/;
_height:24px;_padding-top: 4px;/*针对于ie6*/
CSS:兼容IE6/IE7/IE8/FireFox的CSS
.color{
background-color: #CC00FF; /*所有浏览器都会显示为紫色*/
background-color: #FF0000\9; /*IE6、IE7、IE8会显示红色*/
*background-color: #0066FF; /*IE6、IE7会变为蓝色*/
_background-color: #009933; /*IE6会变为绿色*/
}
测试结果:
<strong style="color:#009933">IE6 最终为绿色</strong>
<strong style="color:#0066FF">IE7 最终为蓝色</strong>
<strong style="color:#FF0000">IE8 最终为红色</strong>
<strong style="color:#CC00FF">FireFox 最终变为紫色</strong>
区别:
<li>"\9" 例:"margin:0px auto\9;".</li>
<li>这里的"\9"可以区别所有IE和FireFox.</li>
<li>"*" IE6、IE7可以识别.IE8、FireFox不能.</li>
<li>"_" IE6可以识别"_",IE7、IE8、FireFox不能</li>
资料来源:学网(www.xue5.com),原文地址:http://www.xue5.com/itedu/200904/296808.html