解决IE7、IE8、火狐样式不兼容问题,Hack写法

方法:要在页面中加入如下HTTP meta-tag:

只要IE8一读到这个标签,它就会自动启动IE7兼容模式,保证页面完整展示。

由于不同的浏览器,比如Internet Explorer 6,Internet Explorer 7,Mozilla Firefox等,对CSS的解析认识不一样,因此会导致生成的页面效果不一样,得不到我们所需要的页面效果。

这个时候我们就需要针对不同的浏览器去写不同的CSS,让它能够同时兼容不同的浏览器,能在不同的浏览器中也能得到我们想要的页面效果。

区别不同浏览器,CSS hack写法:

区别IE6与FF:

background:orange;
*background:blue

区别IE6与IE7:

background:green !important;
background:blue;

区别IE7与FF:

background:orange;
*background:green;

区别FF,IE7,IE6:

background:orange;
*background:green !important;
*background:blue;

注:

IE都能识别*;标准浏览器(如FF)不能识别*;

IE6能识别*,但不能识别 !important,

IE7能识别*,也能识别!important;

FF不能识别*,但能识别!important;

另外再补充一个,下划线”_”,

IE6支持下划线,IE7和firefox均不支持下划线。

于是大家还可以这样来区分IE6,IE7,firefox

background:orange;*background:green;_background:blue;

—————————————-

HACK对照表

—————————————-

 IE6IE7FF
_××
*×
!important×

—————————————-

注:不管是什么方法,书写的顺序都是firefox的写在前面,IE7的写在中间,IE6的写在最后面。

原文:CSS hack 解决IE6、IE7、IE8样式不兼容问题

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值