带有图像映射的调用模式窗口

Question

我正在尝试从area tag中的图像映射启动模型窗口。我无法使其工作。原始链接使用了rel="modal:open"，但是当我将其应用于area tag时，它将无法正常工作。

这是原始代码：

<!-- Modal HTML embedded directly into document -->
<div id="ex1" class="modal">
  <p>Thanks for clicking. That felt good.</p>
  <a href="#" rel="modal:close">Close</a>
</div>

<!-- Link to open the modal -->
<p><a href="#ex1" rel="modal:open">Open Modal</a></p>

这就是我想要的新链接：

  <div align="center"><img src="images/CME130R_L1-1_T1_JA02_chart.png" alt="" width="625" height="904" usemap="#Map"/>
    <map name="Map">
        <area shape="rect" coords="16,73,120,155" href="#ex1" rel="modal:open"/>
    </map>
  </div>