html Map无法在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。将MapMap中的第一个Map的id更改为MapMap2，看看是否有效。