IE6 IE7 IE8 FF浏览器的CSS兼容问题探究

开发 前端
关于浏览器兼容性问题仁者见仁智者见智,本文向大家介绍一下IE6 IE7 IE8 FF浏览器的CSS兼容问题解决方法,希望对你有所帮助。

本文和大家重点讨论一下IE6 IE7 IE8 FF浏览器的CSS兼容问题,本来IE6跟ff之间的兼容是很容易解决的,加上个IE7会麻烦点,IE8的出现就更头疼了,下面看一下此问题如何解决。

IE6 IE7 IE8 FF浏览器的CSS兼容问题

IE6、IE7、IE8、FF浏览器的CSS兼容问题,本来IE6跟ff之间的兼容是很容易解决的。加上个IE7会麻烦点,IE8的出现就更头疼了,原来hackIE7的方法又不能用了,怎么办呢?

还好,微软提供了这样一个代码:
 

  1. <metahttp-equivmetahttp-equiv="x-ua-compatible"content="IE=7"/> 

把这段代码放到<head>里面,在IE8里面的页面解析起来就跟IE7一模一样的了,所以,基本上可以无视IE8,剩下的代码只需要这样写就可以了

  1. background:#ffc;/*对firefox有效*/  
  2. *background:#ccc;/*对IE7有效*/  
  3. _background:#000;/*只对IE6有效*/ 

解释一下吧:

◆firefox能解析第一段,后面的两个因为前面加了特殊符号“*”和“_”,firefox认不了,所以只认background:#ffc,看到的是黄色;

◆IE7前两短都能认,以最后的为准,所以最后解析是background:#ccc,看到的是灰色;

◆IE6三段都能认,而且“_”这个只有IE6能认,所以最后解析是_background:#000,看到的是黑色

已经是最简单和最好理解的写法了,如果你是google进来的,我可以很负责任的告诉你,这种方法是ok的,我测试过。
◆IE8的那段兼容7的代码我也测试过了,在我现在的windos7测试版所带的IE8是没问题的,以后IE8正式版出来还管不管用就不知道了。

ps:如果你发现按我这样写还是有问题的话,请查看一下你的html头,看看<head>之前的内容是不是这样的标准写法
 

  1. <!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN"  
  2.  
  3. "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
  4. <htmlxmlnshtmlxmlns="http://www.w3.org/1999/xhtml"> 

这个是现在比较规范的写法,如果你是用dreamweaver做页面的话,默认也是这种规范的,切记,非这种规范写法的,兼容性不能保证。

【编辑推荐】

  1. IE6 IE7 IE8浏览器的兼容性PK
  2. 完美兼容IE6 IE7 FF的通用方法
  3. IE8兼容性问题的两大快速解决办法
  4. 微软发布升级版IE8Beta2浏览器 新特性敬请关注
  5. 技术前沿 DIV+CSS布局网页对网站SEO的影响


 

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

2010-08-20 13:15:54

IE6IE7IE8

2011-06-03 15:41:27

CSS HACK

2010-08-19 10:13:25

marginFFIE6

2010-08-18 14:32:07

IE6IE7IE8

2010-08-17 15:07:48

IE6IE7IE8

2010-08-20 09:25:11

IE6IE7IE8

2010-08-18 10:24:51

IE6IE7IE8

2010-08-18 14:21:48

FirefoxIE7IE6

2010-08-20 08:45:55

IE6IE7IE8

2010-08-19 14:19:12

IE6IE7IE8

2010-08-20 13:08:41

IE6IE7IE8

2010-09-16 13:17:31

IE6IE7IE8

2010-09-15 10:19:12

IE6IE7IE8

2010-09-15 10:57:25

IE6IE7FF

2010-08-27 15:08:10

FirefoxIE6IE7

2010-08-18 15:57:14

IE6IE7IE8

2010-08-18 10:37:16

IE6IE7IE8

2010-09-15 11:08:48

CSSIE6IE7

2009-08-13 10:12:07

IE的CSS Bug

2010-08-27 14:55:23

IE6IE7IE8
点赞
收藏

51CTO技术栈公众号