html - 无法在 div 上提供 href 或 onclick 事件

Question

我的 HTML 中有以下代码，我试图在其中加载图像，并且它们会根据屏幕分辨率进行更改，因此我将它们的位置保持为相对。我的问题是如何在 my.png 图像上提供 onclick 或 href。请建议。

<div id="main">
      <div style="width: 100%; margin: 0 auto; " id="header" >
        <img src="images/logo.png"  width="100%" height="100"
              style="position: relative; z-index:10;"/>
        <div style="position: relative; top:-80px;left:72%;">
              <img src="images/my.png"  width="5%" height="70"  style=""/>
        </div>
        <div  style="position: relative; top:-150px;left:79%;">
            <a href="" >
                <img  src="images/connect.png" width="5%" height="70"
                    usemap="#button_connect"/> 
            </a>
        </div>  
    </div>
</div>

Answer 1

只需用 HTML 包装图像anchor

<div style="position: relative; top:-80px;left:72%;">
    <a href="your-url">
        <img src="images/my.png"  width="5%" height="70"  style=""/>
    </a>
</div>