将图像链接到页面的另一部分（单页滚动网站）

我想要一个将用户链接到单页滚动网站另一部分的图像热点。它的工作到目前为止，但你只能点击图像上的文字，我怎么能这样做，因此整个图像是一个链接？将图像链接到页面的另一部分（单页滚动网站）

<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>

来源

2016-07-12 user3005003

你可以把'welcome_square'里面的'了'。或者如果只有图像。你也可以把'img'放在'a' – Abbr

请参考这个链接http://stackoverflow.com/a/36761714/5383669它会帮助你 –

你需要把img元素插入a link元素，看看这个：

<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>

来源

2016-07-12 08:26:20

将图像链接到页面的另一部分（单页滚动网站）

回答

相关问题