html图像映射在firefox上不起作用答案

【问题标题】：html image map not working on fire foxhtml图像映射在firefox上不起作用
【发布时间】：2014-05-18 05:55:24
【问题描述】：

您好，我有一个 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>

【问题讨论】：

标签： html firefox imagemap

【解决方案1】：

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"..

另外，您的代码没有指定地图和区域工作所需的形状或坐标属性.. ** 图像标签也是自动关闭的，因此您可以在末尾省略尾随 /。

【讨论】：

【解决方案2】：

~~您的 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 上测试过

【讨论】：

我想我会省去大家查看我的代码的麻烦，所以删除了图像路径等，结果我在路径中使用 \ 而不是 / 谢谢你的帮助 :)
欢迎您！下次发布您的完整代码，以获得更好的帮助：D 并且由于您使用的是图像映射，请查看：w3schools.com/tags/tag_map.asp，因为如果您使用的是 html5，则有不同的方法。