Question

你好我有一个html图像地图，但它不能在firefox上工作我只是得到了alt标签:(下面是删除所有区域部分以保持简短的代码。

<img id="processMap" name="processMap" src="path to image" usemap="#processMap" alt=""/>
            <map id="_processMap" name="processMap">
                #all the areas
            </map>

这适用于我尝试的所有其他浏览器（例如，chrome，safari和opera）但是使用firefox我只是得到alt标签中的内容：/有人知道怎么了最新的吗？

感谢您的帮助！

更新了代码（仍然无效）

<img id="processMap" name="processMap" src="path to image" usemap="#processMap" alt=""/>
            <map id="processMap" name="processMap">
                #all the areas
            </map>

Answer 1

~~您的ID不匹配：~~

<img id="processMap" name="processMap" src="path to image" usemap="#processMap" alt=""/> <map id="_processMap" name="processMap"> #all the areas </map>

您的usemap应该等于map id，因此请将其更改为：

<img id="processMap" name="processMap" src="path to image" usemap="#processMap" alt=""/> <map id="processMap" name="processMap"> #all the areas </map>

<击>

<强>更新

Working Fiddle

我刚刚在Firefox 28上测试

Answer 2

Id必须仅针对一个元素和一个元素，这与使用htlm usemap属性可以多次重复使用的类不同。
usemap="#processMap"
浏览器在后台使用Javascript尝试通过getElementById Api查找该元素，或者在Firefox中，它可能使用rust，但它正在搜索的ID等于您指定的值，与您使用标签作为输入，这也使用document.getElementById或其他Rust / C / C＃变体。您已经在几个不同的位置声明了processMap。另外，您还没有指定图像的类型，例如

type="image/jpg", type="image/png", type="image/gif"..

此外，您的代码未指定地图和区域正常工作所必需的形状或coords属性。 **图像标签也是自动关闭的，因此您可以省略结尾的/。

html图像映射无法在Firefox上运行

2 个答案: