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

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

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

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

还好，微软提供了这样一个代码：

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

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

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

解释一下吧：

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

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

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

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

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

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

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

【编辑推荐】