0

我正在尝试让图像映射工作,目前它在 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/

4

2 回答 2

1

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

<map name="exampleMap">...

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

希望有帮助。

于 2013-08-08T18:27:39.273 回答
0

根据 w3c,地图元素上的 id 属性必须与 name 属性具有相同的值。

于 2013-08-08T19:10:55.473 回答