前几天调试一个网页,有段html代码在IE8的兼容模式下就会显示错位,而在IE8的标准渲染模式下则显示正常。但是很多浏览器默认IE内核就是IE8的兼容模式,所以会页面出现错乱。

可以选择在IE8以上版本的浏览器增加了一个X-UA-Compatible头标记,用于为IE8指定不同的页面渲染模式。

<meta http-equiv="X-UA-Compatible" content="IE=8" /> 这段代码表示开启IE8的标准渲染模式。但是不考虑<!DOCTYPE>指令。

<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE8" /> 这段代码表示标准模式显示,同时使用<!DOCTYPE>指令确定如何呈现内容。一般我们首选这种兼容性模式。

如果在网页中加上了代码 <meta http-equiv="X-UA-Compatible" content="IE=8" /> 或者 <meta http-equiv="X-UA-Compatible" content="IE=EmulateIE8" />,那么就设定要用IE8标准模式渲染网页,而不会使用兼容的模式。

如果只是在IE7或者IE8的兼容模式才浏览正常怎么办?如何设置必须在IE8的兼容模式渲染网页呢?

那么就加上 <meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />

禁止IE8使用兼容模式渲染网页-贾旭博客