2012-07-29 76 views
0

我正在使用ImageMapster在图像映射区域周围生成填充和轮廓,它给我带来的问题是IE不显示铬,Safari,Firefox完全没有问题的东西。ImageMapster只在Internet Explorer中不渲染某些区域

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

打开IE中的以上的链接时

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

有没有人有想法?

谢谢

回答

1

看起来这里有一些事情在这里玩。首先 - 当我在IE9中打开该链接时,呈现“怪癖”模式。您的HTML没有DOCTYPEHTMLBODY标签。 HTML5在技术上允许你省略HTMLHEADBODY,虽然它仍然让我这样的人很难看出来。但是,它不允许您省略DOCTYPE标记。看来,IE9默认为怪癖模式时,有没有DOCTYPE所以你应该通过添加启动:

<!doctype html> 

这应该解决的问题,IE9。

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

有一个选项叫做fillColorMask,它允许你指定填充颜色用于IE6-8的内部区域,因为遮罩并不真正起作用。我很抱歉,因为我刚才意识到这并没有真正的记录。在你的情况,你应该设置

fillColorMask: '8CAD5A' 

左边的区域,并

fillColorMask: '99BA67' 

的右侧区域(这些颜色,他们都充满了已经是色彩搭配,所以应该会没事似乎发生在他们身上)。

+0

谢谢你的答案!..它工作的很棒。唯一的问题是,我用php生成这些参数,现在大区域的遮罩颜色与它们中的较小区域不匹配,使得IE地图比FF中显示的“精确”要少。你能想出一个简单的方法来解决它吗? 这不是一个巨大的交易,因为实际的颜色确实出现在悬停上。把它当作IE的另一个胜利,超过我的理智。 – user1550272 2012-07-30 14:01:54

+0

在IE6-8中,当使用填充时它永远不会很正确,因为它使用不同的技术来渲染热点。它应该看起来正确的IE9虽然。如果您在IE9中按F12,请验证“文档模式”是否显示“IE9标准”。 – 2012-07-30 15:29:59

相关问题