我正在使用ImageMapster生成图像映射区域周围的填充和轮廓,它给我带来的问题,IE不显示chrome,safari,Firefox完全没有问题。
http://sa-neighborhoodsustainability.org/map1a.php
在IE中打开上述链接时,有2个区域保持白色。 这些是与较大区域重叠的区域,并且通过重复区域和nohref标记以及与较大区域共享相同名称而被排除在外。
有没有人有想法?
由于
答案 0 :(得分:1)
看起来这里有几件事情在起作用。首先 - 当我在IE9中打开该链接时,它以“怪癖”模式呈现。您的HTML没有DOCTYPE
,HTML
或BODY
标记。 HTML5在技术上允许您省略HTML
,HEAD
和BODY
,但它仍然让像我一样的人看到这一点。但是,它不允许您省略DOCTYPE
标记。当没有DOCTYPE
时IE9默认为怪癖模式,所以你应该首先添加:
<!doctype html>
这应解决IE9问题。
同样的问题仍然会出现在IE6-8中。但是,这是由于在使用区域内的区域时这些浏览器的限制。
有一个名为fillColorMask
的选项,可让您指定用于IE6-8内部区域的填充颜色,因为蒙版不起作用。我道歉,因为我刚才意识到这并没有真正记录下来。在您的情况下,您应该设置
fillColorMask: '8CAD5A'
表示左侧区域,
fillColorMask: '99BA67'
对于正确的区域(这些颜色与它们已经填充的颜色相匹配,因此它不应该导致它们发生任何事情)。