2010-10-26 99 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