如果圖像不在頂部，則usemap不起作用

如果圖像不在頂部，則usemap不起作用。有什麼解決方法嗎？請幫忙。謝謝。如果圖像不在頂部，則usemap不起作用

<div id="wrapper" style="position:relative; width:1000px; height:900px;"> 
    <div style="width:100%; height:100%; position:absolute; top:10px; left:10px; z-index:10"> 
     <iframe width="680" height="580" src="http://www.google.com.my"></iframe> 
    </div> 
    <div style="width:100%; height:100%; position:absolute; top:10px; left:0px;"> 
     <img src="images/fun run 2012/background.jpg" usemap="#funrun2012" alt="Fun Run 2012" /> 
     <map id="funrun2012" name="funrun2012"> 
      <area shape="rect" coords="945,230,770,270" href="EventDetails.aspx" alt="Event Details" /> 
      <area shape="rect" coords="945,290,770,330" href="Routes.aspx" alt="Routes" /> 
      <area shape="rect" coords="945,350,770,390" href="Prizes.aspx" alt="Prizes" /> 
      <area shape="rect" coords="945,410,770,450" href="FAQ.aspx" alt="FAQ" /> 
      <area shape="rect" coords="945,470,770,510" href="Map.aspx" alt="Map" /> 
     </map> 
    </div> 
</div>

來源

2012-03-11 user1262660

您的問題是不與圖像，它的iframe的div的大小。

這會工作：

<div style="width:700px; height:600px; position:absolute; top:10px; left:10px; z-index:10"> 
    <iframe width="680" height="580" src="http://www.google.com.my"></iframe> 
</div>

來源

2012-03-11 18:30:28 Nix

如果圖像不在頂部，則usemap不起作用

回答

相關問題