个人实践使用：ie9下使用低版本ie兼容模式，在网站第一个页面的<head>标签后使用<meta http-equiv="X-UA-Compatible" content="IE=8" />,位置一定要放对。否则无效。

或者

<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE8"/>

<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE6"/>---这个是默认使用ie7

关于X-UA-Compatible

目前绝大多数网站都用

<meta http-equiv=”X-UA-Compatible” content=”IE=EmulateIE7″ >

来作为IE8的兼容方法，虽然微软将IE向标准迈进了一大步，而事实上IE8还存在一系列渲染的奇怪现象是不争的事实。

谁让IE6那么多呢，或许2014年以后我们可以有更多的时间去关心IE8，而不是IE6或者IE7。

在X-UA-Compatible中可用的方法有：

<meta http-equiv=”X-UA-Compatible” content=”IE=5″ >

<meta http-equiv=”X-UA-Compatible” content=”IE=7″ >

<meta http-equiv=”X-UA-Compatible” content=”IE=8″ >

<meta http-equiv=”X-UA-Compatible” content=”IE=edge” >

其中最后一行是永远以最新的IE版本模式来显示网页的。

另外加上

<meta http-equiv=”X-UA-Compatible” content=”IE=EmulateIE7″ >

<meta http-equiv=”X-UA-Compatible” content=”IE=EmulateIE8″ >

而使用，Emulate模式后则更重视<!DOCTYPE>所以目前来说还是以

<meta http-equiv=”X-UA-Compatible” content=”IE=EmulateIE7″ >

为首选。微软自己创下的罪孽让他自己去扫吧。

转载自火跃
网址：http://www.huoyue.org/x-ua-compatible

IE9应用低版本IE模式(转自http://tech.liuj.in/?p=34)

最近基于GWT2.2.0 开发的产品在IE9下报出了bug，临时用启动选择IE8标准模式解决的。换GWT2.4.o就解决了，不过还是把应用版本模式的方法写在这里。

设置X-UA-Compatible的meta header理所应当能启动模式，但是注意这里，此段header前，最好不要加除了title和其他meta外的任何标签和注释

当然IE的测试也很恐怖，最好close all the windows才靠谱。

官方文档大概这样写的

The X-UA-Compatible header is not case sensitive; however, it must appear in the header of the webpage (the HEAD section) before all other elements except for the title element and other meta elements.

参考资料

官方文档： http://msdn.microsoft.com/en-us/library/cc288325(VS.85).aspx

民间文章：http://www.swingworks.net/2011/08/x-ua-compatible_breaks_in_ie9/

于是，如此这般

<head>
  <title>Loading...</title>
  <meta http-equiv="X-UA-Compatible" content="IE=8" />
  <!--[if IE 7]>
  <meta http-equiv="X-UA-Compatible" content="IE=7" />
  <![endif]-->

百度相关网址 ： http://www.swingworks.net/2011/08/x-ua-compatible_breaks_in_ie9/

http://www.iefans.net/ie9-x-ua-compatible/

http://www.imququ.com/post/browser-mode-and-document-mode-in-ie.html

ie9下网页设计兼容模式的更多相关文章

  1. IE兼容模式下样式分离错乱，求CSS高手

    IE正常模式下访问正常 兼容模式右边图片切换区域样式错乱,求CSS高手! 详细参考网址:www.javams.com

  2. IE浏览器的兼容模式代码细节解读

    兼容性对于网页设计师来说非常重要.虽然最好是建立一个完全不需依赖任何网页浏览器特性或功能的网站,但是有时候这是不可能实现的.而文件兼容模式能将网页限制在某个特定版本的IE中.可以使用 X-UA-Com ...

  3. meta 标签代码解决IE兼容问题,IE6,IE7,IE8,IE9,IE10（包括360的兼容模式）

    最近做了一个项目,客户反映,在360下布局错位,远程调试了一下,发现客户使用的是360的兼容模式,然而我在自己的电脑上测试的时候是正常的(兼容模式也正常):简单研究了一下360的兼容模式,在360的兼 ...

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

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

  5. 360浏览器兼容模式下IE内核版本

    问题 最近在跟客户演示系统时,自己电脑IE 11下好好的,我们web系统最低支持到IE9.在客户电脑上,IE9浏览器下可以正常浏览,但是360兼容模式下,页面什么也不显示. 通过F12调试工具发现,3 ...

  6. 关于强制IE不使用兼容模式渲染网页

    现在IE11是唯一受微软支持的IE浏览器. IE11有兼容模式,开启后有网页会出错. 在html header标签下加上 <meta http-equiv="X-UA-Compatib ...

  7. 转：IE兼容模式下 SCRIPT1028: 缺少标识符、字符串或数字

    IE兼容模式下 SCRIPT1028: 缺少标识符.字符串或数字例如下面一段代码 var a = {    x: 1,    y: 2,};alert(a.x);如果在IE的兼容性视图(IE7文档模式 ...

  8. [AJAX]ajax在兼容模式下失效解决办法

    使用jQuery,用ajax实现局部刷新功能,在火狐,360急速浏览器高速模式下,ie8,9都能正常运行,但切换到兼容模式下无效,解决办法有两种关闭浏览器兼容性视图,二是引入json2.js文件 这里 ...

  9. 弹出层在兼容模式和IE8模式下显示不正常

    弹出层在火狐.谷歌.360极速模式.IE6下都能100%面积正常显示,但在IE8和360的兼容模式下只显示弹出层下半部分或右半部分的内容,在主页面加上: <meta http-equiv=&qu ...

随机推荐

  1. 如何在MySQL中查询当前数据上一条和下一条的记录

    如果ID是主键或者有索引,可以直接查找: 方法一: 查询上一条记录的SQL语句(如果有其他的查询条件记得加上other_conditions以免出现不必要的错误): select * from tab ...

  2. 关于c++中的全局变量（不赋值的全局变量算定义）

    定义有三种: 1.不赋值的定义:int a; 2.赋值的定义:int a=5; 或者 int a;a=5; 3.加extern的定义:extern int a=5;//其实和不加是一样的. 声明只有一 ...

  3. JavaWEB - JSP及隐含对象

    ---------------------------------------------------------------------------------------------------- ...

  4. BZOJ5461: [PKUWC2018]Minimax

    BZOJ5461: [PKUWC2018]Minimax https://lydsy.com/JudgeOnline/problem.php?id=5461 分析: 写出\(dp\)式子:$ f[x] ...

  5. ACM学习历程—HDU4969 Just a Joke（物理题）

    Just a Joke Description Here is just a joke, and do not take it too seriously. Guizeyanhua is the pr ...

  6. Oracle 12C 新特性之在线重命名、迁移活跃的数据文件

    Oracle 数据库 12c 版本中对数据文件的迁移或重命名不再需要太多繁琐的步骤,可以使用 ALTER DATABASE MOVE DATAFILE 这样的 SQL 语句对数据文件进行在线重命名和移 ...

  7. Poj 1504 Adding Reversed Numbers(用字符串反转数字)

    一.题目大意 反转两个数字并相加,所得结果崽反转.反转规则:如果数字后面有0则反转后前面不留0. 二.题解 反转操作利用new StringBuffer(s).reverse().toString() ...

  8. mysql数据库之表与表之间的关系

    表1 foreign key 表2 则表1的多条记录对应表2的一条记录,即多对一 利用foreign key的原理我们可以制作两张表的多对多,一对一关系 多对多: 表1的多条记录可以对应表2的一条记录 ...

  9. 网络编程中阻塞和非阻塞socket的区别

    阻塞socket和非阻塞socket 建立连接阻塞方式下,connect首先发送SYN请求道服务器,当客户端收到服务器返回的SYN的确认时,则connect返回.否则的话一直阻塞.非阻塞方式,conn ...

  10. wdcp安全设置,让你的后台,只有你自己能访问

    wdcp安全设置,让你的后台,只有你自己能访问 wdcp的后台,默认端口,是8080,可以修改为其它端口wdcp的后台,可以限制IP地址的访问,也可以限制域名的访问做了这些限制与设置后,已相对安全了, ...