Question

我正在努力让图片地图正常运行，目前它在Chrome / IE中工作，但不适用于Firefox。

当图像地图未在WordPress页面上使用时，图像地图适用于所有三种浏览器

        <img id="Image-Maps_4201308071445592" src="/images/layout/GatewayHeader.png" usemap="#Image-Maps_4201308071445592" border="0" width="370" height="95" alt="" />
        <map id="_Image-Maps_4201308071445592" name="Image-Maps_4201308071445592">
            <area shape="rect" coords="10,0,80,90" href="http://www.missouri.edu/" alt="University of Missouri" title="University of Missouri"    />
            <area shape="rect" coords="80,0,365,90" href="http://www.library.missouri.edu" alt="MU Libraries" title="MU Libraries"    />
        </map>

下面是两个网页的链接

适用于Chrome / IE：http://library.missouri.edu/libraries/ellis/

适用于所有三个：http://library.missouri.edu/

Answer 1

检查地图名称是否出现在 MAP和IMG标记

中

<map name="exampleMap">...

<img src="yourURL" usemap="#exampleMap">

希望有所帮助。

Answer 2

根据w3c，map元素的id属性必须与name属性具有相同的值。

图像映射在Firefox中不起作用

2 个答案: