Question

我正在建立一个朋友网站，他有一个占据整个背景（正文）的广告。目前，使用CSS（背景图像）设置背景图像：

body {
background-attachment:scroll;
background-color:#000000;
background-image:url("http://gunshyassassin.com/wp-content/uploads/2010/10/gunshy_takeover2OUTNOW4.jpg");
background-position:center top;
background-repeat:repeat-x;

我想让整个背景图片可以点击（链接）。您可以在此处查看该网站：http://gunshyassassin.com

最好的方法是什么？看起来很简单，但经过一天的工作，我在消隐！重要的是主要内容区域不会受到影响（例如，我们不能将整个身体设置为链接，否则它的所有孩子也将是可点击的，这是禁止的）我只需要身体背景图像来是一个链接！

Answer 1

使不属于广告的部分具有此样式：

position:relative;left:0;top:0;z-index:1

链接到其他网站，如下所示：

<a style="display:block;position:fixed;left:0;top:0;width:100%;height:100%;cursor:pointer" href="http://adsite.com"></a>

Answer 2

嗯......在''理论''中...你只需要一个div（其中包含图像作为背景图像，或者作为其中的<img>），宽度和高度均为100％，绝对位于内容后面，然后向该div添加一个事件监听器。但我真的建议不要让你的整个背景成为一个广告 - 这是令人讨厌和突兀的。

使整个背景图像可点击

2 个答案: