文档模式(document mode)是IE8引入的一个新概念。页面的文档模式决定了你可以使用哪个级别的CSS,可以使用JavaScript的哪些API,以及如何对待文档类型(doctype)。
从上面的例子可以看出“X-UA-Compatible”的值有两种方式:Emulate+IE版本号,单纯版本号。这两种有何区别呢?
Edge:始终以最新的文档模式来渲染页面。忽略文档类型声明。对于IE8,始终以IE8标准模式渲染页面。IE9亦如此。
EmulateIE9:如果声明了文档类型,则以IE9标准模式渲染页面,否则将文档模式设置为IE5。 EmulateIE8:如果声明了文档类型,则以IE8标准模式渲染页面,否则将文档模式设置为IE5。 EmulateIE7:如果声明了文档类型,则以IE7标准模式渲染页面,否则将文档模式设置为IE5。
9:强制以IE9标准模式渲染页面,忽略文档类型声明。
8:强制以IE8标准模式渲染页面,忽略文档类型声明。
7:强制以IE7标准模式渲染页面,忽略文档类型声明。
5:强制以IE5标准模式渲染页面,忽略文档类型声明。
也许你在实际使用 X-UA-Compatible 的时候,可能会出现不管用的情况,其实,不能单单的只是加:meta,还需要,把DOCTYPE的定义去掉,其实这样就可以了:<!DOCTYPE html> 。快检查一下,你的代码中是不是还是这个:<!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN” “http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd”> 改掉试试
以下是写法列表:
1
|
< meta http-equiv = "X-UA-Compatible" content = "IE=edge" > |
1
|
< meta http-equiv = "X-UA-Compatible" content = "IE=7,IE=9" /> |
1
|
< meta http-equiv = "X-UA-Compatible" content = "IE=EmulateIE7,IE=EmulateIE9" /> |
1
|
< meta http-equiv = "X-UA-Compatible" content = "IE=7,9" /> |