公告

更新

 

互联网 JS控件 按钮 黑色 灰色 白色 蓝色 绿色 黄色 橙色

> Css > 技术文章

css div中ie6与ff间的兼容代码整理
0
作者:     来源:     日期:2008/6/26 10:31:05     人气:      标签:

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

Copyright 2008 网站频道 All Rights Resverved.
提供:网页特效 JS广告 网站截图 酷站推荐 交流群:3506863
     页面执行时间0.0780秒 查询数据库3次