个人实践使用：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. stl_iterator.h

    stl_iterator.h // Filename: stl_iterator.h // Comment By: 凝霜 // E-mail: mdl2009@vip.qq.com // Blog: ...

  2. 【leetcode】Construct Binary Tree from Inorder and Postorder Traversal

    Given inorder and postorder traversal of a tree, construct the binary tree. Note:You may assume that ...

  3. ffmpeg第三方库编译记录

    最近在研究ffmpeg的编译,之前使用的Ubuntu,需要安装虚拟机,非常麻烦,所以后来改研究在Windows平台编译. 一开始遇到很多挫折,参考了网上很多的帖子,但要么不全要么内容已过期,经过我的反 ...

  4. CTSC2017 游记

    Day0 从早上8点开始坐车 公交--火车--地铁--地铁--步行--打的. 下午3:30我们终于报道完毕来到了试机地点. 这电脑简直比学校的电脑高级的不知道哪里去了. 内存3.8G,,,学校就2G. ...

  5. 【JSON解析】JSON解析

    前三篇博客分别介绍了xml的三种解析方法,分别是SAX,DOM,PULL解析XML,兴趣的朋友可以去看一下这[XML解析(一)]SAX解析XML,[XML解析(二)]DOM解析XML,[XML解析(三 ...

  6. wpf 样式继承

    当定义的wpf多个样式,其样式内容(属性.触发器等)有较多的重复时,可以考虑将其抽象成父样式,来提升样式代码的可维护性以及减少代码冗余. wpf 进行样式继承时,需要使用style的BasedOn属性 ...

  7. ruby on rails 环境搭建步骤

    1.安装ruby ruby的下载页面一个版本有3样要下载的,帮助文件和安装文件.还有一个mingw. 安装时抛出make出错信息就是由于没有安装mingw引起的 到下载页http://rubyforg ...

  8. viewstate的基本用法

    转自:http://www.cnblogs.com/ooip/p/4743536.html 在web窗体将控件属性设置为runat=server时,这个控件会被添加一个隐藏属性_ViewState,_ ...

  9. Hadoop-2.3.0-cdh5.0.1完全分布式环境搭建（NameNode,ResourceManager HA）

    编写不易,转载请注明(http://shihlei.iteye.com/blog/2084711)! 说明 本文搭建Hadoop CDH5.0.1 分布式系统,包括NameNode ,Resource ...

  10. 【机器学习】主题模型（二）：pLSA和LDA

      -----pLSA概率潜在语义分析.LDA潜在狄瑞雷克模型 一.pLSA(概率潜在语义分析) pLSA:    -------有过拟合问题,就是求D, Z, W pLSA由LSA发展过来,而早期L ...