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

2023-10-30

本文和大家重点讨论一下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"/> 
    2.

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

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

解释一下吧：

◆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. 
  
  
  
  2.  
    3. 
  
  
  
  3. "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
    4. 
  
  
  
  4. <htmlxmlnshtmlxmlns="http://www.w3.org/1999/xhtml"> 
    5.

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

【编辑推荐】

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

 

版权声明：
作者：后浪云
链接：https://www.idc.net/help/396042/
文章版权归作者所有，未经允许请勿转载。
THE END
Copyright © 2025 后浪云 网站地图