將圖像鏈接到頁面的另一部分（一個頁面滾動站點）

Question

我想要一個將用戶鏈接到一個頁面滾動站點的另一部分的圖像熱點。 到目前為止，它仍然有效，但是您只能單擊圖像上的文本，我如何才能使整個圖像成為鏈接？

<div class="quarter-column">
<div class="welcome_square">
    <img src="/pageassets/freshers2016/info.jpg" alt="" />
    <a href="#info"><h2>NEED TO KNOW</h2></a>
</div>
</div>

<div class="clearfix" id="page2">
<a id="info" class="smooth"></a>
<div class="full-column" id="tiles">
<h2>NEED TO KNOW</h2>
</div>
</div>

Answer 1

你需要把img元素插入a鏈接元素，檢查：

<div class="quarter-column">
 <div class="welcome_square">
  <a href="#info">
   <img src="/pageassets/freshers2016/info.jpg" alt="" /> <!-- <img/> inner <a/> link element -->
   <h2>NEED TO KNOW</h2>
  </a>
 </div>
</div>

<div class="clearfix" id="page2">
 <a id="info" class="smooth">
  <div class="full-column" id="tiles">
   <h2>NEED TO KNOW</h2>
  </div>
 </a>
</div>