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>