关于去除IE7/8/9浏览器默认的杂项文档模式的解决办法

最新推荐文章于 2025-08-17 11:55:19 发布

原创最新推荐文章于 2025-08-17 11:55:19 发布 · 924 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#ie浏览器杂项模式

浏览器兼容问题集专栏收录该内容

3 篇文章

订阅专栏

本文针对IE浏览器低版本兼容性问题，提供了详细的解决方案。通过设置HTML5模式及使用X-UA-Compatible元标签，可确保网页在不同IE版本下正确显示，避免样式错乱。适用于需要兼容IE7/8/9的项目。

问题：最近做一法院项目，强烈要求ie低版本兼容性，打开网页，在ie浏览器7/8/9的文档模式为标准模式时网页样式显示正常，但是在ie浏览器的文档模式调整为杂项(quirks)后，页面样式错乱，更可笑的是，打开ie浏览器，文档模式默认的就是杂项(quirks)模式，360兼容模式也是杂项模式的，样式错乱。ie浏览器正常情况文本模式输出为ie8/9，而变为杂项之后输出为ie5了

用下面的方法完美解决：

第一步：

将代码设置成html5的模式，用户打开项目之后，ie文档模式就是标准的；不会是ie5Qurik模式；但有可能是ie7标准模式；

第二步：

1 在html head中写上这句代码，即可时文档模式为你浏览器最高级别的模式；
<meta http-equiv="X-UA-Compatible" content="IE=edge" />；

2 以ie8的标准模式打开
<meta http-equiv=X-UA-Compatible content=”IE=EmulateIE8“>；

3 若你想要以他的文档模式ie10的打开，浏览器级别低于10的就以浏览器本身最高的方式打开，那么你要写这2句话（顺序不能错）：
<meta http-equiv=X-UA-Compatible content=“IE=EmulateIE10”>；
<meta http-equiv="X-UA-Compatible" content="IE=edge" />；

原因，优先级是第一句，但第一句执行不了，再执行第二句；
多个文档模式
<meta http-equiv=”X-UA-Compatible” content=”EmulateIE8, EmulateIE10″>

title上边是这样的

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<meta http-equiv="X-UA-Compatible" content="IE=Edge,chrome=1"/>