您现在的位置是：网站首页> 编程资料编程资料
全面兼容ie6,ie7,ie8,ff的最简单的css写法_浏览器兼容教程_CSS_网页制作_
2023-11-01
394人已围观
简介 本来ie6跟ff之间的兼容是很容易解决的。加上个ie7会麻烦点，ie8的出现就更头疼了，原来hack ie7的方法又不能用了，怎么办呢？
还好，微软提供了这样一个代码：
把这段代码放到里面，在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的代码我也测试过了，在我现在的windos 7 测试版所带的ie8是没问题的，以后ie8正式版出来还管不管用就不知道了。
ps：如果你发现按我这样写还是有问题的话，请查看一下你的html头，看看之前的内容是不是这样的标准写法
这个是现在比较规范的写法，如果你是用dreamweaver做页面的话，默认也是这种规范的，切记，非这种规范写法的，兼容性不能保证
复制代码
代码如下:把这段代码放到里面，在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的代码我也测试过了，在我现在的windos 7 测试版所带的ie8是没问题的，以后ie8正式版出来还管不管用就不知道了。
ps：如果你发现按我这样写还是有问题的话，请查看一下你的html头，看看之前的内容是不是这样的标准写法
这个是现在比较规范的写法，如果你是用dreamweaver做页面的话，默认也是这种规范的，切记，非这种规范写法的，兼容性不能保证
相关内容
- 天天飞车周末大礼包怎么领取_手机游戏_游戏攻略_
- 天天酷跑周末大礼包怎么领取_手机游戏_游戏攻略_
- 4月5日雷霆战机最新刷钻石教程视频_手机游戏_游戏攻略_
- 保卫萝卜2第73关图文攻略 隐藏炮塔带你飞_手机游戏_游戏攻略_
- 天天飞车ra涡轮多少钱 ra车涡轮价格介绍说明_手机游戏_游戏攻略_
- 天天飞车涡轮rs车属性图鉴一览 首发R级车型_手机游戏_游戏攻略_
- 全民英雄坏坏女王守卫队掉落 坏坏女王守卫队攻略推荐_手机游戏_游戏攻略_
- 雷霆战机无人操作轻松30万高分视频教程_手机游戏_游戏攻略_
- 雷霆战机辅助无异常教程攻略 4月6日新版_手机游戏_游戏攻略_
- 雷霆战机金币的用途介绍说明 玩家教你怎么用_手机游戏_游戏攻略_
