IE8兼容性问题的快速解决方案

开发 前端
这里向大家描述一下IE8兼容性问题的快速解决办法,由于各网站开发标准不同,所以在不同的浏览器上打开时就可能出现页面显示问题。

为了实现IE8兼容基于其它网页标准开发的网站,IE8还专门提供了“兼容性视图”功能。当IE8检测到某网站不兼容时,地址栏右侧就会出现兼容性视图按钮,出现问题只需轻轻一点,大部分网页显示就会正常了。

IE8兼容性问题的快速解决办法

IE8终于出来了,可是让人头痛的是,原来好好的页面怎么变得乱七八糟了。不要急,其实出现网页显示问题,一般不是您的电脑或者浏览器有问题,而是由于各网站开发标准不同,所以在不同的浏览器上打开时就可能出现页面显示问题。

为了减少这类影响您网页浏览体验的情况出现,IE8不仅采用了国际通用的网页开发标准——W3C标准(WorldWideWebConsortium即万维网联盟标准),并且为了实现IE8兼容基于其它网页标准开发的网站,IE8还专门提供了“兼容性视图”功能。当IE8检测到某网站不兼容时,地址栏右侧就会出现兼容性视图按钮,出现问题只需轻轻一点,大部分网页显示就会正常了。而且您还不用担心每次都需要这么操作,为了不影响您的上网体验,事实上在您点过兼容性视图按钮后,这个网站将会被自动保存到兼容性列表中,下次您再登录这个页面,IE8会自动启用兼容性视图。

  当然IE8还为您提供了一个一劳永逸的办法,您可以通过简单的设置,将所有的网站都用IE8兼容性视图方式显示。点击IE右侧的“工具”按钮,选择“兼容性视图设置”,在弹出的对话框中,勾选“在兼容性视图中显示所有网站”,这样就可以避免由于兼容性而造成的页面显示问题的出现了! 

如果你是站长,发现自己网站在IE8浏览下出现不正常显示的情况,该怎么办了?下面告诉你两个方法。 

1、在网页里面加入这行代码就可以使IE8使用兼容视图: 

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

代码示例: 

  1. <html> 
  2. <head> 
  3. <!--UseIE7mode--> 
  4. <metahttp-equivmetahttp-equiv="X-UA-Compatible"content="IE=EmulateIE7"/> 
  5. <title>MyWebPage</title> 
  6. </head> 
  7. <body> 
  8. <p>Contentgoeshere.</p> 
  9. </body> 
  10. </html> 
  11.  

觉得写代码比较麻烦就可以直接在“HTTP头”那个标签,添加自定义HTTP头,自定义HTTP头名为X-UA-Compatible,自定义HTTP头值为IE=EmulateIE7,确定后,应用就可以了。

2、如果你觉得在每个页面加入这段代码比较麻烦,现在介绍一种更简便的方法。如果你用的是IIS服务器,可以配置Web.config文件:

  1. <?xmlversionxmlversion="1.0"encoding="utf-8"?> 
  2. <configuration> 
  3. <system.webServer> 
  4. <httpProtocol> 
  5. <customHeaders> 
  6. <clear/> 
  7. <addnameaddname="X-UA-Compatible"value="IE=EmulateIE7"/> 
  8. </customHeaders> 
  9. </httpProtocol> 
  10. </system.webServer> 
  11. </configuration> 
  12.  

如果用的是Apache服务器,可以配置httpd.conf文件:

  1. LoadModuleheaders_modulemodules/mod_headers.so  
  2.  
  3. HeadersetX-UA-Compatible“IE=EmulateIE7”  
  4.  

以上是使所有的网页都使用IE8兼容视图。如果只想让个别目录下的文件用兼容视图,在下设置: 

  1. HeadersetX-UA-Compatible“IE=EmulateIE7”  
  2.  

【编辑推荐】

  1. JavaScript巧解IE6至IE8兼容问题
  2. 技术分享 如何使用IE8兼容性视图表示页面
  3. 网页排版中IE6,IE7,Firefox浏览器兼容性写法
  4. CSS兼容:如何解决IE7和IE8兼容性问题
  5. Firefox、IE7、IE6浏览器兼容问题概念解析

 

责任编辑:佚名 来源: hi.baidu.com
相关推荐

2010-09-15 10:14:19

IE7IE8兼容CSS

2010-08-17 14:22:51

IE8兼容性

2010-08-17 15:33:28

CSS兼容IE7IE8

2010-08-17 14:51:05

IE8兼容性

2010-09-15 10:25:18

IE7IE8CSS兼容性

2010-09-15 10:39:27

IE8文件兼容性

2010-08-17 16:50:30

JSIE6IE8

2010-09-16 11:08:50

JSIEFirefox

2010-08-17 15:26:38

IE7IE8CSS兼容性

2010-08-20 11:01:10

IE7IE8CSS

2010-10-09 12:58:59

JS脚本兼容

2010-08-11 15:17:51

浏览器兼容性问题

2010-10-09 15:22:25

IE7.JS

2010-08-18 14:14:41

IE6IE7FF

2010-08-18 09:24:09

IE6兼容性

2010-10-09 08:57:32

AjaxIE8

2010-08-17 15:38:49

CSS兼容IE7IE8

2010-08-20 14:27:23

IE火狐CSS

2010-09-15 09:21:11

IEirefoxJavascript

2010-09-15 11:26:05

IE火狐CSS兼容性
点赞
收藏

51CTO技术栈公众号