使整个背景广告可点击

时间:2013-11-17 19:50:04

标签: html css

我放置了一张背景图片(用作广告)并将其链接到一个外部网站。但并不是整个图像链接到它,只是其中的一小部分。

我使用了一种风格:

         <div id="bgb" align="center">
<a style="display:block; position:relative; left:0; top:0; width:100%; height:100%; cursor:pointer" href="http://www.datura.com/new" alt="datura"><img src="http://taoofsophia.blogandthecity.net/wp-content/uploads/sites/2/Bg-adv-Datura-3-2.png" style="z-index:-9000"/></a></div>

但这不起作用..有人知道怎么做?

1 个答案:

答案 0 :(得分:0)

可以试试这个:

<div id="bgb" style="margin: 0 auto; position: relative; width: 640px; height: 315.5px">
    <a href="http://www.datura.com/new" alt="datura">
         <img src="http://taoofsophia.blogandthecity.net/wp-content/uploads/sites/2/Bg-adv-Datura-3-2.png" style="display:block; position:absolute; left:0px; top:0px; width:100%; height:100%; cursor:pointer;"/>
    </a>
</div>

您也可以在jsfiddle

上试试