DIV+CSS网页设计 IE6 IE7 FF 多浏览器兼容方案

使用不同的浏览器(IE6 IE7  Firefox )访问同一个网站,或者页面的时候,会出现一些不兼容的问题,有的显示出来不正常,我们在编写CSS的时候会很恼火,刚修复了这个浏览器的问题,结果另外 一个浏览器却出了新问题。而HACK就是一种办法,能让你在一个CSS里面独立的写支持不同浏览器的样式。
程序代码

第一个HACK,IE FF 所有浏览器 公用(其实也不算是HACK)
height:100px;
第二个HACK IE6专用
_height:100px;
第三个HACK IE6 IE7公用
*height:100px;

介绍完了这三个HACK了,下面我们再来看看如何在一个样式里分别给一个属性定义IE6 IE7 FF专用的HACK,看下面的代码,顺序不能错哦:

程序代码

height:100px;
*height:120px;
_height:150px;

下面我简单解释一下各浏览器怎样理解这三个属性:

在FF下,第2、3个属性FF不认识,所以它读的是 height:100px;

在IE7下,第三个属性IE7不认识,所以它读第1、2个属性,又因为第二个属性覆盖了第一个属性,所以IE7最终读出的是第2个属性 *height:120px;

在IE6下,三个属性IE6都认识,所以三个属性都可以读取,又因为第三个属性覆盖掉前2个属性,所以IE6最终读取的是第三个属性。

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值