css - html map 在 IE 中不起作用

Question

由于某些原因，Image Map 在 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

不要使用两个 map ID。将第一个 map id 从 Map Map 更改为 Map Map2，看看是否可行。