首页 > 代码库 > 多浏览器CSS样式解决方法
多浏览器CSS样式解决方法
一、CSS HACK
1、在同一个CSS样式表中，使用 !important 来定义不同的值以适应Firefox和IE，例如：
#box { color:red !important; color:blue; }
(注意这里IE6是无法识别 !important 这个标记的,但它会识别padding: 20px,所以要在后面加上padding: 10px用来覆盖padding: 20px)
2、为特定浏览器设置特定的样式
height:20px; /*For all 包括火狐 */*height:25px; /*For IE7 & IE6*/_height:20px; /*For IE6*/*+height:20px /* IE7 */
#someNode{ position: fixed; /*给Firefox以及其他浏览器看 */ #position: fixed; /*给IE7看 */ _position: fixed; /*第三排给IE6以及更老的版本看*/}
*+html 与 *html 是IE特有的标签, firefox 暂不支持。
*+html 对IE7的HACK 必须保证HTML顶部有如下声明：
XML/HTML代码
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
二、float 闭合
关于 clear float 的原理可参见 [How To Clear Floats Without Structural Markup]
将以下代码加入Global CSS 中,给需要闭合的div加上 class="clearfix" 即可。
/* Clear Fix */.clearfix:after { content:"."; display:block; height:0; clear:both; visibility:hidden; } .clearfix { display:inline-block; }/* Hide from IE Mac /*/ .clearfix { display:block; } /* End hide from IE Mac */ /* end of clearfix */
待补充......
多浏览器CSS样式解决方法
声明：以上内容来自用户投稿及互联网公开渠道收集整理发布，本网站不拥有所有权，未作人工编辑处理，也不承担相关法律责任，若内容有误或涉及侵权可进行投诉： 投诉/举报 工作人员会在5个工作日内联系你，一经查实，本站将立刻删除涉嫌侵权内容。