解决ie浏览器 quirks文档模式带来的痛苦经历

最新推荐文章于 2017-02-24 14:15:38 发布

南神

最新推荐文章于 2017-02-24 14:15:38 发布

阅读量1.9k

点赞数

分类专栏： jsp

本文链接：https://blog.csdn.net/u012948731/article/details/45889113

版权

本文介绍了如何处理IE浏览器的Quirks模式带来的兼容性问题，强调了DOCTYPE声明和X-UA-Compatible元标签的作用。通过设置DOCTYPE和X-UA-Compatible，可以触发标准模式，避免UI框架如jQuery EasyUI的兼容性问题。详细阐述了IE8和IE9的各种模式及其触发条件，提供了测试和解决策略。

摘要由CSDN通过智能技术生成

一、首先上几张图吧：

每个ie浏览器都有如图所示的几种文档模式，quirks是叫怪异模式，是很多ui框架兼容不了的，比较明显的像Jquery EasyUI等兼容不了。

查了下资料大概这样描述：

触发标准模式

1、加DOCTYPE声明,比如：
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<!DOCTYPE html>
2、设置X-UA-Compatible触发。

触发怪异模式

1、无doctype声明、定义旧的HTML版本（HTML4以下,例如3.2）
2、加XML声明，可在ie6下触发
<?xml version="1.0" encoding="utf-8"?>
<!DOCTYPE ...>
3、在XML声明和XHTML的DOCTYPE之间加入HTML注释，可在ie7下触发
<?xml version="1.0" encoding="utf-8"?>

<!DOCTYPE ...>
5、<!--->放在<!DOCTYPE前面

IE8有4种模式：IE5.5怪异模式、IE7标准模式、IE8几乎标准模式、IE8标准模式

X-UA-Compatible设置对IE8模式的影响：
1、设置X-UA-Compatible meta

IE=5、IE=6(介于5、6之间的任意数字，比如5.987654321)：触发IE5怪异模式(无论页面是否有DOCTYPE)
IE=7(7<= 值 <8)：强制IE7标准(无论页面是否有DOCTYPE)
IE=EmulateIE7：遵循DOCTYPE(有DOCTYPE-IE7标准；无DOCTYPE-IE5怪异模式)
IE=EmulateIE8：遵循DOCTYPE(DOCTYPE-IE8几乎标准模式(或IE8标准模式)；无DOCTYPE-IE5怪异模式)
@see: http://blogs.msdn.com/b/ie/archive/2008/08/27/introducing-compatibility-view.aspx
IE=8、IE=Edge、IE=99、IE=9.9(大于等于8的)：有doctype-使用几乎标准模式，或IE8标准；无