图像地图无法在Firefox中运行!在Chrome + Safari中运行良好

Question

我做了一个图像映射,它不能在Firefox中工作.它适用于Chrome和Safari.

这是网站bryanedwardcollins.com

请帮忙!

    <MAP NAME="menumap" >
<AREA 
HREF="contact.html" ALT="contact" 
SHAPE="POLY" COORDS="425,100, 572,89, 594,142, 488,150, 460,166, 423,100">
    <AREA
    HREF="insameit.html" ALT="insame i.t." 
    SHAPE="POLY" COORDS="382,239, 462,245, 461,343, 608,344, 610,395, 354,405, 354,341">
    <AREA
    HREF="floorpart.html" ALT="floor part" 
    SHAPE="POLY" COORDS="307,185, 429,185, 430,221, 379,222, 374,235, 283,224">
    <AREA
    HREF="iouse.html" ALT="I O Use" 
    SHAPE="POLY" COORDS="27,18, 231,16, 243,0, 382,0, 253,265, 69,252, 193,73, 27,73">
    <AREA
    HREF="worldpart.html" ALT="world part" 
    SHAPE="POLY" COORDS="25,303, 122,305, 122,448, 27,449">
    </MAP>

Answer 1

我也偶然发现了这个问题.Chrome似乎会解析没有#符号的img属性usemap ="mapName".但是,如果您不包含井号"#",则地图将不会与FireFox和Internet Explorer上的图像相关联.

这是正确的方法:

<img src="images/header.jpg" id="hdr" name="hdr" usemap="#hdrMap" alt="alt string here" border="0">
    <map name="hdrMap" style="cursor:pointer;">
        <area shape="rect" coords="720,65,880,0" href="http://www.thisisthefirstlink.com" target="_blank" alt="first link alt">
        <area shape="rect" coords="882,65,1024,0" href="http://www.secondlink.com" target="_blank" alt="second link alt">
    </map>

请注意,usemap ="#hrdMap"具有哈希标记符号,并匹配地图标记的name ="hdrMap"属性.这看起来有点令人困惑,因为许多人将#符号与引用id属性相关联.

希望这可以帮助