html - 当我对两个图像使用绝对位置时链接不可点击(只有第一个是可点击的)

Question

请给出多个图像可点击使用的想法。 请帮助编写以下代码。

 <style type="text/css">
body {
    background-image:url('Banner.png');
         background-repeat:no-repeat; 
        background-size:auto auto;
}
</style>
<div>
<span style="position:absolute;left:10px;top:10px;">
<a href="http://www.google.com" target="_blank"><img src="logo.png" height="70px" width=""></a></span>
<span style="position:absolute;left:170px;top:10px;">
<a href="http://www.yahoo.com.in/" target="_blank" >
<img src="DM.png" height="70px" width="" >
</a>
</span>
</div>

Answer 1

你的链接有误

将 http://www.yahoo.com.in/ 更改为 http://www.yahoo.co.in/

<a href="http://www.yahoo.co.in/" target="_blank" >
   <img src="DM.png" height="70px" width="" >
</a>

您的链接是可点击的

Js Fiddle