ImageMapster仅在Internet Explorer中不渲染某些区域


ImageMapster not rendering some areas in Internet Explorer only

我使用ImageMapster在图像地图区域周围生成填充和轮廓,这给我带来了IE无法显示chrome、safari和Firefox完全没有问题的问题。

http://sa-neighborhoodsustainability.org/map1a.php

在IE中打开上述链接时,有2个区域保持为白色。这些区域与较大的区域重叠,并通过重复该区域和nohref标记以及与较大区域共享相同的名称而被排除在外。

有人有主意吗?

感谢

这里似乎有一些事情在起作用。首先,当我在IE9中打开这个链接时,它会以"怪癖"模式呈现。您的HTML没有DOCTYPEHTMLBODY标记。从技术上讲,HTML5允许您省略HTMLHEADBODY,尽管这仍然让像我这样的人感到震惊。但是,它不允许您省略DOCTYPE标记。当没有DOCTYPE时,IE9似乎默认为怪癖模式,所以你应该从添加以下内容开始:

<!doctype html>

这应该可以解决IE9问题。

同样的问题仍然会出现在IE6-8中。然而,这是由于这些浏览器在使用区域内的区域时受到限制。

有一个名为fillColorMask的选项,可以指定用于IE6-8内部区域的填充颜色,因为遮罩实际上不起作用。我很抱歉,因为我刚刚意识到这并没有真正的记录在案。在您的情况下,您应该设置

fillColorMask: '8CAD5A'

对于左侧区域,以及

fillColorMask: '99BA67'

对于正确的区域(这些颜色与它们已经填充的颜色相匹配,因此应该不会出现任何问题)。