原文地址:http://www.cnblogs.com/kingboy2008/archive/2011/07/01/2226424.html

  IE浏览器的兼容性一直是网站开发人员头疼的事情,众所周知,微软的Internet Explorer团队一直在致力于将IE8打造为最符合业内标准的浏览器,所不幸的是,当前并非所有的网站都符合这些标准。那如何让网站在IE8的兼容模式下运行呢。下面介绍几种常用的方法,希望能给网站开发人员解决这样的问题。

第一种方法:

你可以将你网站中所有的页面都加上meta标记,在这里添加兼容性标签后,只对当前页面有用,而且必须是在head标签内部,同时也必须是在其他css样式定义或者链接的前面,否则不会产生效果的。示例代码如下:

  • <html> 
  •      <head>         
  •      <title>我的网页</title> 
  •         <meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" /> 
  •      </head> 
  •      <body> 
  •         <p>内容在此处。</p> 
  •      </body> 
  • </html> 

    第二种方法:

    这是网上介绍的另外一种方法,本人亲自测试,不管用,后来看到这篇文章,可能是由于我的IIS版本可能不是II7的原因)

    http://blogs.msdn.com/b/webtopics/archive/2008/09/05/configuring-iis-to-work-around-webpage-display-issues-caused-by-internet-explorer-8-0.aspx

    在站点的配置文件中,修改web.config文件,使得该网站能够兼容,示例代码如下:

    1. <configuration> 
    2.    <system.webServer> 
    3.      <httpProtocol> 
    4.        <customHeaders> 
    5.          <clear /> 
    6.          <add name="X-UA-Compatible" value="IE=EmulateIE7" /> 
    7.        </customHeaders> 
    8.      </httpProtocol> 
    9.   <system.webServer> 
    10. </configuration>   

    第三种方法:

    配置IIS,添加HTTP Header。就是在服务器级别对当前服务器做设置,使得服务器下面所有的站点都能够与IE8兼容性,这是推荐的做法,通过在服务器的配置花的时间最少,由于是整个服务器起作用,因此能很好的解决潜在的兼容性问题。

    具体设置可以参考以下资料:

    1、IIS,http://msdn.microsoft.com/zh-cn/library/cc817572.aspx

    2、Apache,http://msdn.microsoft.com/zh-cn/library/cc817573.aspx

    另外,其他资料:

    如果你的网站运行在Apache环境下,下面这篇文章详细介绍了如何进行配置。

    http://blogs.msdn.com/hanuk/archive/2008/08/28/apache-httpd-configuration-for-ie7-standard-mode-rendering-in-ie8.aspx

    有关更多IE8兼容模式的信息可以访问微软的官方网站:

    http://msdn.microsoft.com/en-us/library/cc288325(VS.85).aspx

  • X-UA-Compatible设置兼容模式的更多相关文章

    1. 如何在IE11中设置兼容模式?设置的具体方法

      IE11浏览器软件版本:简体中文正式版 For Win7网络工具立即查看 1.同样进入需要兼容性模式的网站,点击菜单栏位工具--F12开发者人员工具!如下图所示. 2.在开发者选项左下侧菜单栏位,点击 ...

    2. 完美解决IE渲染方式进入兼容模式问题

      <meta http-equiv="X-UA-Compatible" content="IE=9; IE=8; IE=7; IE=EDGE"> &l ...

    3. IE 兼容模式 设置 Meta Compatible 和 Iframe 子页面的关系

      背景 因为历史原因,之前很多的系统都会是 顶级页面+Iframe来加载子级页面的这种模式构件系统,而且系统都只能运行在IE6或者IE 高版本兼容模式下(IE 7模式). 随着现在的审美原来越高,脚本能 ...

    4. IE8兼容模式设置

      设置---兼容性视图设置--添加此网站--在IE8中调试(防止调整IE内核后浏览器崩溃,360可通过设置极速模式-兼容模式  点击地址栏绿色图标)

    5. 使用X-UA-Compatible来设置IE浏览器兼容模式(转)

      使用X-UA-Compatible来设置IE浏览器兼容模式 文件兼容性用于定义让IE如何编译你的网页.此文件解释文件兼容性,如何指定你网站的文件兼容性模式以及如何判断一个网页该使用的文件模式. 前言 ...

    6. 强制将IE8设置为IE7兼容模式来解析网页

      强制将IE8设置为IE7兼容模式来解析网页 英文原文:http://msdn.microsoft.com/en-us/library/cc288325(VS.85).aspx 文件兼容性用于定义让IE ...

    7. 使用X-UA-Compatible来设置IE8兼容模式

      使用X-UA-Compatible来设置IE8兼容模式 本文向大家描述一下如何使用X-UA-Compatible来设置IE8兼容模式,X-UA-Compatible是针对IE8兼容模式,X-UA-Co ...

    8. 来设置IE兼容模式

      来设置IE兼容模式 文件兼容性用于定义让IE如何编译你的网页.此文件解释文件兼容性,如何指定你网站的文件兼容性模式以及如何判断一个网页该使用的文件模式. 前言 为了帮助确保你的网页在所有未来的IE版本 ...

    9. 关于使用X-UA-Compatible来设置IE浏览器兼容模式

      原文地址:http://www.cnblogs.com/nidilzhang/archive/2010/01/09/1642887.html 前言 为了帮助确保你的网页在所有未来的IE版本都有一致的外 ...

    随机推荐

    1. ResultSet结果集判断是否为空

      目前亲测过能用的一个方法是: if(rs.next())//当前行有内容 { msg2 = "有这个活动!"; } else //rs对象为空表示查无此活动 { msg2 = &q ...

    2. GSM短信侦听的便宜方案

      侦听GSM短信常用的是OsmocomBB + C118方案,主要是用luca/gsmmap分支.使用ccch_scan这个程序可以把通信封装成GSMTAP发给本机,然后用WireShark接收GSMT ...

    3. Design Patterns----简单的工厂模式

      实例: 实现一个简单的计算器.实现加减乘除等操作.. operator.h 文件 // copyright @ L.J.SHOU Mar.13, 2014 // a simple calculator ...

    4. html网页标题

      HTML代码 <html> <head> <!--<title>定义网页标题,显示在浏览器的标题--> <title>网页标题</ti ...

    5. mysql 远程连接失败(linux)

      主要有三个原因:1.mysql授权表里没有远程机器的权限,及需要在授权表mysql.user添加grant all privileges on *.* to 'root'@'远程登陆IP' ident ...

    6. 解决spring配置中的bean类型的问题:BeanNotOfRequiredTypeException

      解决spring配置中的bean类型的问题:BeanNotOfRequiredTypeException这个问题出现的原因:一般在使用annotation的方式注入spring的bean 出现的,具体 ...

    7. 用 CSS 实现字符串截断

      [要求]:如何用css实现字符串截断,超出约定长度后用缩略符...代替?   ♪ 答: <html> <head> <meta charset="UTF-8&q ...

    8. JavaScript数据结构——数组

      参考书籍:<学习JavaScript数据结构与算法>

    9. Think Python - Chapter 12 Tuples

      12.1 Tuples are immutable(元组是不可变的)A tuple is a sequence of values. The values can be any type, and t ...

    10. 元素设置position:fixed属性后IE下宽度无法100%延伸

      元素设置position:fixed属性后IE下宽度无法100%延伸 IE bug 出现条件: 1.div1设置position:fixed属性,并且想要width:100%的效果. 2.div2(下 ...