HTML图像地图中的链接不能在FireFox，Opera，Chrome和Safari中工作

有人能帮忙吗？我有一个由.png图像组成的图像映射，其中定义了几个“多边形”区域，每个区域后面都有一个链接。HTML图像地图中的链接不能在FireFox，Opera，Chrome和Safari中工作

链接在IE中工作，但对于上面列出的其他浏览器类型，链接除了在每个多边形区域上显示图像和标题文本外什么也不做。

的图像映射代码如下：

<img title = "Concept" border = "0" src = "../images/myMap.png usemap = "#myMap"> 

       <map name = "myMap"> 
        <area shape = "polygon" coords = "315, 230, 545, 415, 260, 575, 10, 700, 10, 285" title = "Rules" href = "#rules" /> 
        <area shape = "polygon" coords = "745, 450, 745, 680, 470, 745, 325, 635, 520, 450" title = "Polling" href = "#polling" />       
        <area shape = "polygon" coords = "745, 730, 745, 895, 450, 895, 450, 815, 565, 730" title = "Visualisations" href = "#visualisations" /> 
       </map>

所有的链接指向记页面地区：

<h2><a name = "#rules">Rules</a></h2>

这是非常奇怪的。

的HTML标题页的版本是：

<!DOCTYPE html>

我已经试过形象.gif和JPEG格式的文件没有任何影响。

如果我改变了影像地图的链接：

    <area shape = "polygon" coords = "315, 230, 545, 415, 260, 575, 30, 441, 315, 230" title = "rules" href = "<c:url value = '/aboutConcept#rules' />" />

我找工作的事情。我使用JSTL标签。

感谢受访者。

来源

2011-10-01 Mr Morgan

单击时URL是否更改？例如。 #rules？

url（href）"#rules"引用一个名为“rules”而不是“#rules”的元素。 IE正在过度宽容。

你很少需要<a name="rules">更多，只要给任何元素id="rules"。

来源

2011-10-01 13:19:32

点击其中一个多边形的区域会导致浏览器栏显示该区域的链接，但浏览器不会跳转到链接所指向的页面部分。 –

@ Morgan Morgan：即使将改为 '？ –

一对夫妇的事情，可能会导致的问题：

使用形状名称poly。这就是规格所要求的 http://www.w3.org/TR/REC-html40/struct/objects.html#h-13.6
确保坐标的顺序是正确的。一些浏览器在无序的坐标上窒息。
在多边形中，第一个和最后一个坐标需要相同才能关闭形状。

来源

2011-10-01 13:18:50

值得正确关闭您的标签。你已经错过了IMG SRC收盘报价：

那可能是你的问题的原因是在浏览器可能甚至看不到USEMAP属性。

来源

2012-04-05 08:17:42

HTML图像地图中的链接不能在FireFox，Opera，Chrome和Safari中工作

回答

相关问题