当前位置:甜馍馍地理信息网 >> 网站开发 >> 综合知识 >> 正文 >>  [阅读资讯:CSS浏览器兼容问题IE6/IE7/Firefox解决方案汇总及实例分析]

CSS浏览器兼容问题IE6/IE7/Firefox解决方案汇总及实例分析

[ 来源:互联网 | 时间:2008年03月10日 | 收藏本文 ] 【

近来一B/S系统项目需要考虑浏览器兼容性问题,可只能头大了.下面从网络里搜集到了一些CSS在不同浏览器里兼容性问题的解决方案,希望能够给您带来方便.

一、万能 float 闭合

关于 clear float 的原理可参见 [How To Clear Floats Without Structural Markup]将以下代码加入Global CSS 中,给需要闭合的div加上 class="clearfix" 即可,屡试不爽.
<style>
/* 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 */
</style>

二、以下两种方法几乎能解决现今所有HACK.

1, !important

随着IE7对!important的支持, !important 方法现在只针对IE6的HACK.(注意写法.记得该声明位置需要提前.)
<style>
#wrapper
{
width: 100px!important; /* IE7+FF */
width: 80px; /* IE6 */
}
</style>


下一页
本文共 4 页,第  [1]  [2]  [3]  [4]  页

【推荐本文】 【打印本页】 【返回顶部
最新文章
推荐文章