Firefox、IE7、IE6浏览器兼容问题概念解析

开发 前端
本文向大家介绍一下浏览器兼容的概念,当我们使用不同的浏览器(Firefox、IE7、IE6)访问同一个网站,或者页面的时候,会出现一些不兼容的问题。

你对浏览器兼容的概念是否了解,这里向大家简单描述一下,当我们使用不同的浏览器访问同一个网站,或者页面的时候,会出现一些不兼容的问题,有的显示出来正常,有的显示出来不正常,这就是浏览器不兼容的问题。

浏览器兼容概念简介

什么是浏览器兼容:

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

最近微软发布的IE7浏览器的兼容性确实给一些网页制作人员添加了一个沉重的负担,虽然IE7已经走向标准化,但还是有许多和FF不同的地方,所以需要用到IE7的兼容,有许多朋友问过IE7的兼容是什么,其实我也不知道。暂时还没找到IE7专用的兼容。除了前面那片文章,《针对firefoxie6ie7的css样式》中的兼容方式也是很好用的。
有一点逻辑思想的人都会知道可以用IE和FF的兼容结合起来使用,下面介绍三个兼容,例如:

程序代码

第一个兼容,IE、FF所有浏览器公用(其实也不算是兼容)
height:100px;

第二个兼容IE6专用
_height:100px;

第三个兼容IE6IE7公用
*height:100px;

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

程序代码
 

  1. height:100px;  
  2. *height:120px;  
  3. _height:150px; 

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

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

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

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

【编辑推荐】

  1. 修正IE6在HTML标准下出现bug的小技巧
  2. 探究IE8与IE7具体功能中窗口功能按钮的变化
  3. IE6 IE7 IE8三个版本的CSS兼容速查手册
  4. 探秘IE8 JavaScript功能超乎想象
  5. 技术前沿 一段JS代码轻松解决IE6-IE8的兼容性问题

 

 

责任编辑:佚名 来源: sevem.cn
相关推荐

2010-08-27 15:08:10

FirefoxIE6IE7

2010-09-15 08:41:25

IE6IE7Firefox兼容

2010-08-20 08:45:55

IE6IE7IE8

2010-09-15 11:32:37

IE6IE7浏览器兼容性

2010-08-17 16:27:52

IE6IE7IE8

2010-09-15 11:18:27

IE6IE7火狐

2010-08-18 14:54:32

IE6IE7Firefox

2010-08-27 14:43:15

IE6IE7Firefox

2010-09-06 15:06:29

IE6IE7Firefox

2010-08-19 16:38:33

IE6IE7Firefox

2010-09-15 10:57:25

IE6IE7FF

2010-08-20 13:15:54

IE6IE7IE8

2010-08-17 15:07:48

IE6IE7IE8

2010-08-20 09:25:11

IE6IE7IE8

2010-08-20 12:45:41

IE6IE7Firefox

2010-08-19 14:19:12

IE6IE7IE8

2010-08-19 10:13:25

marginFFIE6

2010-08-27 15:44:47

2010-09-15 10:19:12

IE6IE7IE8

2010-08-18 15:22:28

IE6IE7Firefox
点赞
收藏

51CTO技术栈公众号