ImageMapster仅在Internet Explorer中呈现某些区域

时间:2012-07-29 23:48:13

标签: php javascript internet-explorer imagemap imagemapster

我正在使用ImageMapster生成图像映射区域周围的填充和轮廓,它给我带来的问题,IE不显示chrome,safari,Firefox完全没有问题。

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

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

有没有人有想法?

由于

1 个答案:

答案 0 :(得分:1)

看起来这里有几件事情在起作用。首先 - 当我在IE9中打开该链接时,它以“怪癖”模式呈现。您的HTML没有DOCTYPEHTMLBODY标记。 HTML5在技术上允许您省略HTMLHEADBODY,但它仍然让像我一样的人看到这一点。但是,它不允许您省略DOCTYPE标记。当没有DOCTYPE时IE9默认为怪癖模式,所以你应该首先添加:

<!doctype html>

这应解决IE9问题。

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

有一个名为fillColorMask的选项,可让您指定用于IE6-8内部区域的填充颜色,因为蒙版不起作用。我道歉,因为我刚才意识到这并没有真正记录下来。在您的情况下,您应该设置

fillColorMask: '8CAD5A'

表示左侧区域,

fillColorMask: '99BA67'

对于正确的区域(这些颜色与它们已经填充的颜色相匹配,因此它不应该导致它们发生任何事情)。