我使用ImageMapster在图像地图区域周围生成填充和轮廓,这给我带来了IE无法显示chrome、safari和Firefox完全没有问题的问题。
http://sa-neighborhoodsustainability.org/map1a.php
在IE中打开上述链接时,有2个区域保持为白色。这些区域与较大的区域重叠,并通过重复该区域和nohref标记以及与较大区域共享相同的名称而被排除在外。
有人有主意吗?
感谢
这里似乎有一些事情在起作用。首先,当我在IE9中打开这个链接时,它会以"怪癖"模式呈现。您的HTML没有DOCTYPE
、HTML
或BODY
标记。从技术上讲,HTML5允许您省略HTML
、HEAD
和BODY
,尽管这仍然让像我这样的人感到震惊。但是,它不允许您省略DOCTYPE
标记。当没有DOCTYPE
时,IE9似乎默认为怪癖模式,所以你应该从添加以下内容开始:
<!doctype html>
这应该可以解决IE9问题。
同样的问题仍然会出现在IE6-8中。然而,这是由于这些浏览器在使用区域内的区域时受到限制。
有一个名为fillColorMask
的选项,可以指定用于IE6-8内部区域的填充颜色,因为遮罩实际上不起作用。我很抱歉,因为我刚刚意识到这并没有真正的记录在案。在您的情况下,您应该设置
fillColorMask: '8CAD5A'
对于左侧区域,以及
fillColorMask: '99BA67'
对于正确的区域(这些颜色与它们已经填充的颜色相匹配,因此应该不会出现任何问题)。