1.   问题背景

在开发“客户群成员关系图”功能时，用到了关系图组件MxClient库，在开发过程中，发现该组件在IE8 及IE9下有兼容性问题：不能展示图形节点的背景图及样式、不能展示关系图之间的连接线。在IE8兼容模式下、在IE6及IE7下都能正常展示，在IE8 标准模式及IE9标准模式下，都不能正常展示。

2.   问题现象

不能正常展示的现象如果下图所示：

 

3.   问题原因

在排查原因的过程中，发现同样的关系图展示代码，在另外的模块（客户族群管理），能够正常展示关系图数据，由此判断关系图使用的组件库虽有兼容性问题，但此问题是可以解决的。经过多次排查和代码比较，最终发现原因是在JSP文件中，缺少“文档类型定义”引起的。

4.   解决办法

在 JSP页面文件的最前面，增加文档类型定义声明，增加这行代码：<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">，经验证，关系图组件库，支持文档类型定义“Strict、Transitional、Frameset”中 的“Transitional、Frameset”，不支持“Strict”。增加的一行代码如下图所示：

 

5.   问题解决后的效果

 

6.   附注：文档类型定义

HTML

HTML 4.01 规定了三种文档类型：Strict、Transitional 以及 Frameset。

HTML Strict DTD

如果您需要干净的标记，免于表现层的混乱，请使用此类型。请与层叠样式表（CSS）配合使用：

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "
http://www.w3.org/TR/html4/strict.dtd">

HTML Transitional DTD

Transitional DTD 可包含 W3C 所期望移入样式表的呈现属性和元素。如果您的读者使用了不支持层叠样式表（CSS）的浏览器以至于您不得不使用 HTML 的呈现特性时，请使用此类型：

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "
http://www.w3.org/TR/html4/loose.dtd">

Frameset DTD

Frameset DTD 应当被用于带有框架的文档。除 frameset 元素取代了 body 元素之外，Frameset DTD 等同于 Transitional DTD：

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN" "
http://www.w3.org/TR/html4/frameset.dtd">

 

Face your past without regret. Handle your present with confidence.Prepare for future without fear. keep the faith and drop the fear. 面对过去无怨无悔，把握现在充满信心，备战未来无所畏惧。保持信念，克服恐惧！一点一滴的积累，一点一滴的沉淀，学技术需要不断的积淀！