jquery - 使热点区域在html中可见

Question

我使用 HTML map 和 area 标签在图像中创建了一个矩形热点。现在我试图查看页面加载时图像上的热点在哪里。如何使热点区域在 HTML 中可见？是否需要使用 CSS 或 JQuery，或者什么是正确的方法？

<div id="container1" class="container" style="background: #CFCFCF">
  <img id="1" usemap = "mymap" src="http://www.goodhousekeeping.com/cm/goodhousekeeping/images/ue/ghk-dogs-Australian-Shepherd-mdn.jpg" />
</div>

<div id="container2" class="container" style="float:right;background: #FFFFFF">
  <img id="2"  usemap = "mymap" src="http://www.goodhousekeeping.com/cm/goodhousekeeping/images/ue/ghk-dogs-Australian-Shepherd-mdn.jpg" />
</div>

<div id="container3"  class="container" style="background: #CFCFCF">
  <img id="3" usemap = "mymap" src="http://www.goodhousekeeping.com/cm/goodhousekeeping/images/ue/ghk-dogs-Australian-Shepherd-mdn.jpg" />
</div>  

<map name="mymap" id="mymap" "> 
  <area id="m1"  shape="rect" coords="87,355,130,392"  href="http://www.google.com" target="_blank" />              
</map>      

Answer 1

如果我说的很明显，请原谅我，但假设您总是希望它可见，为什么不直接编辑实际图像呢？

或者，这里有一个可能有用的建议:Visible Area tag?