Google Maps InfoBox在IE中无法正确显示

Question

我只能发布一个链接，所以这里是带有相应链接的参考页：

我正在使用extinfowindow的修改版的Google Maps v3（参考链接1）来显示我的标记的自定义信息框窗口。 当我在v3中成功实现InfoBox时，在测试过程中遇到了IE问题。 该信息框可在除IE之外的所有浏览器中正确呈现。 但是，如果我直接使用IE查看信息框HTML，它将正确呈现。 但是，当我查看地图中的信息框（单击标记）时，会看到以下内容：（参考链接2）。 HTML文件位于（参考链接3），并且在任何浏览器中直接观看时都可以正常显示。 我正在使用的信息框javascript位于（参考链接4）。

我不确定为什么只在IE中的地图上渲染时才会弄乱显示。 我已经更改了位置和班级/编号以检查是否有任何冲突，但是没有运气。 不管我如何更改，IE中的位置和背景都会变得混乱。 我想念什么吗？ 如果需要其他任何信息，请告诉我。

Answer 1

MSIE通常需要正确的DOCTYPE才能以精确的对齐方式显示内容。

尝试使用

<！DOCTYPE html PUBLIC“-// W3C // DTD XHTML 1.0 Strict // EN”“ http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd ”>

Answer 2

解决方案是将内联CSS用于信息窗口。 呈现信息窗口HTML本身时，IE正确处理了CSS。 但是，当在地图画布上呈现信息窗口HTML时，IE会忽略标签，而只会呈现内联CSS。