兼容Ie6,Ie7,Firefox的办法

来源:互联网 发布:网络保密十不准 编辑:程序博客网 时间:2024/04/30 20:16

首先,要解决Ie6的兼容问题,可以用一个最简单的“!important”搞定。
!improtant是在CSS中,声明一个样式优先级的标志。
例如一个样式中声明两次字体样式
body { font-size:12px; font-size:14px; }
这种情况下,在所有浏览器中,网页中的字体都是14px。
但如果用!important声明后
body { font-size:12px !important; font-size:14px; }
在大部分的高级浏览器中,例如Firefox,Opera,Ie7中,网页字体会因为important的声明而全部为12px。
可惜的是,Ie6并不认识这种高级货,它将继续把网页中的文字,显示为14px。

Ok,Ie6的兼容问题解决,继续Ie7:
Ie有一个特殊的判断方式如下:
<!--[if IE7]>www.czbin.cn<![endif]-->
其他浏览器,都会把这样的代码当作普通的HTML注释处理掉,但是Ie,伟大的Ie!发明了这种无敌的判断方式。

不多写了,总结一下,我们可以通过下面的方来,来达到Ie6,Ie7,Firefox的兼容问题:
<style>
body { Firefox下样式 !important; Ie6下样式; }
</style>
<!--[if IE 7]>
<style>
body { Ie7下样式 }
</style>
<![endif]-->

 

 

原创粉丝点击