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/ to http://www.yahoo.co.in/

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

您的链接是可点击的

Js Fiddle

Answer 2

Chrome版本37.0.2062.120 ＆amp; Mozilla Firefox版本33.0 两个浏览器

只需撰写 http://www.yahoo.co.in ，而不是 http://www.yahoo.com.in/

以下是演示：

<强> jsfiddle.net/ob0oona2/3 /

当我使用两个图像的绝对位置时（第一个是可点击的），链接不可点击

2 个答案: