CSS兼容:解决IE6、IE7和IE8的兼容问题妙招

开发 前端
IE6、IE7、Firefox等浏览器的兼容性问题让网页设计师们大伤脑筋,本文向大家描述一下解决IE6、IE7和IE8的兼容问题,希望对你有所帮助。

本文和大家重点讨论一下CSS兼容:解决IE6、IE7和IE8的兼容问题妙招,本来网页设计是件很有趣的事情,但是却被这多余兼容工作伤脑筋,相信本文介绍一定会让你有所收获。

CSS兼容:解决IE6、IE7和IE8的兼容问题

CSS兼容_如何解决IE6、IE7和IE8的兼容问题,有时做网页明明css样式表是正常的但ie8不兼容,网页显示不正常,css如何兼容ie8呢,下面看解决办法:

IE6、IE7、Firefox等浏览器的兼容性问题让网页设计师们大伤脑筋,本来网页设计是件很有趣的事情,但是却被这多余兼容工作伤脑筋,特别是让人唾弃的IE6,多少人想让它消失,可是它就是消失不了,微软还说不会停止对IE6,真够郁闷的。

现在呢,IE8正式版已经出来一段时间了,不少网民被微软的Update提示安装上了IE8,这下又给设计师带来了麻烦,还好微软良心发现,把IE8做得比较符合标准,与其他标准浏览器区别不大,可是它还是与其他浏览器有区别的。

怎么办呢?我一直在用IE6,不想用IE8,电脑里有个绿色版的IE6,还有绿色版的Firefox,对于网页兼容测试,我用IE6、IE7、Firefox三个浏览器测试,因为没安装IE8,所以一直没能测试。

大家都知道,IE8是有两种解析模式的,一种是IE8StandardModes:默认的最标准的模式,严格按照W3C相关规定,一种是IE7StandardsModes:IE7现在用的解析网页的模式。IE7还算是不错的浏览器,如果让IE8浏览器自动切换到IE7,IE6模式,那我们就不用为IE8布局兼容问题烦恼了,而这个开关只有一行代码:

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

或者

  1. <metahttp-equivmetahttp-equiv="X-UA-Compatible"content="IE=EmulateIE7"/> 
  2.  

或者

  1. <metahttp-equivmetahttp-equiv="x-ua-compatible"content="ie=6"/> 
  2. 【这个是兼容IE6的】  

其实就是比较霸道的让ie8以ie7的标准或者是以ie6的标准去解析整个页面!

在网页的head里加入以上这段代码,用IE8访问时就会自动切换到IE7模式,如果你的网站在IE7下显示正常,那在IE8下也可以正常显示了。加入这段代码会不会影响其它的浏览器呢?不会,X-UA-Compatible是针对ie8新加的一个设置,对于ie8之外的浏览器是不识别的,所以你就放心使用吧!就这样一段代码就可以让你的网站轻松兼容IE8了。
 

【编辑推荐】

  1. IE与Firefox在获得对象上的区别
  2. 微软展示IE9浏览器 力推IE8将取代IE6市场
  3. 探究IE和Firefox下的2款HTTP调试工具用法
  4. Firefox和IE浏览器清除缓存方法揭秘
  5. 实现IE6、IE7、IE8多版本浏览器共存的五种方法

 

 

责任编辑:佚名 来源: 51soso.net/
相关推荐

2010-08-19 14:19:12

IE6IE7IE8

2010-08-18 10:24:51

IE6IE7IE8

2010-08-27 15:08:10

FirefoxIE6IE7

2010-08-17 16:27:52

IE6IE7IE8

2010-09-16 13:17:31

IE6IE7IE8

2010-09-08 16:59:48

CSS兼容IE7IE8

2010-08-27 14:55:23

IE6IE7IE8

2010-08-20 09:33:22

IE6IE7IE8

2010-08-18 14:32:07

IE6IE7IE8

2010-08-18 15:57:14

IE6IE7IE8

2011-06-03 15:41:27

CSS HACK

2010-08-18 10:37:16

IE6IE7IE8

2010-09-15 11:08:48

CSSIE6IE7

2010-08-19 09:24:20

CSS兼容IE7IE8

2010-09-16 13:33:47

IE6IE7IE8

2010-08-17 15:33:28

CSS兼容IE7IE8

2010-09-15 10:14:19

IE7IE8兼容CSS

2009-08-13 10:12:07

IE的CSS Bug

2010-08-19 15:24:52

IE6IE7IE8

2010-09-06 15:06:29

IE6IE7Firefox
点赞
收藏

51CTO技术栈公众号