html 地图在 IE 中不起作用

Question

由于某种原因，图像映射在 IE 中（部分）不起作用。

例如在这段代码中，第一个链接MapMap2 正在工作，但较低的链接MapMap 在 IE 中不起作用。

有什么想法吗？

HTML

<div class="hero">
    <div class="container_12">
        <div class="grid_10 prefix_1 suffix_1">

            <img name="home001_r2_c1" src="images/ndm-head.jpg" width="1100" height="491" id="home001_r2_c1" alt="" border="0"  usemap="#MapMap2"/>
             <map name="MapMap2" id="MapMap">
                <area shape="rect" coords="51,46,443,207" href="index.html" />
             </map>
      </div>
    </div>
  </div>


  <div class="masonry" role="main">

      <div class="lower-body"><img name="home001_r2_c2" src="images/home.jpg" width="1100" height="1219" id="home001_r2_c2" alt="" border="0" usemap="#MapMap"/>
         <map name="MapMap" id="MapMap">
         <area shape="rect" coords="53,1117,147,1150" href="index.html" />
         <area shape="rect" coords="150,1113,321,1149" href="C4P.html" />

        </map>

      </div>
  </div>

Answer 1

不要使用两个地图 ID。将第一个 Map 的 id 从 MapMap 更改为 MapMap2，看看是否可行。