2010-10-26 73 views
0

我正在修复一个朋友网站,并且他有一个占据整个背景(正文)的广告。制作整个背景图片可点击

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; 

我想使整个背景图片可点击(链接):目前,背景图像是使用CSS(背景图像)设置。你可以在这里看到这个网站:http://gunshyassassin.com

这是什么最好的方法呢?似乎很容易,但经过一天的工作,我是空白!重要的是,主要内容区域不会受到影响(例如,我们无法将整个身体设置为链接,否则所有的孩子也可以点击,这是一个不允许的)我只需要身体背景图像即可成为一个链接!

回答

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

定位:固定不适用于所有浏览器。 – mway 2010-10-26 21:05:21

+0

在这种情况下,你可以使用'position:absolute',但是如果你向下滚动它是不可点击的 – 2010-10-26 21:05:55

0

嗯......在“”理论''...你只需要一个div(它可以将图像作为背景图像,或者作为其中的<img>)以100%的宽度和高度放置,并且完全位于内容后面,然后为该div添加一个事件侦听器DIV。但我真的会建议不要让整个背景成为一个广告 - 这是令人讨厌和突兀的。

+1

我完全理解,但它不是我的网站......只是为了帮忙!我绝不会像这样在广告中放置广告! – JCHASE11 2010-10-26 21:23:35