2010-10-26 68 views
0

我用一個廣告爲一個網站蒙皮,我想讓整個廣告都是可點擊的。該廣告佔據整個背景(體)如下圖所示Jquery腳本使背景可點擊

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來絕對定位錨,但由於won''t工作背景的大小。我正在尋找一個jQuery腳本,基本上說:

當您將鼠標懸停在背景上時,將指針轉換爲光標。如果您點擊背景上的任何位置,請轉至此鏈接:http://google.com。但是,如果您將鼠標懸停在主容器上(顯然是身體的一個孩子),請禁用懸停和鏈接。

任何想法?

回答

3

不可能用你描述它的方式,試着在體內定位一個新的橫幅(display:block,position:absolute; top:..px,left:50%; margin-left:-bannerwidth/2px;)

+0

我也必須補充:width:100%;溢出:隱藏,因爲背景圖像比我的顯示器大。很好的修復,但。 – JCHASE11 2010-10-26 23:44:19

1

我想創建一個div那(如公園說的)是絕對的位於0,0和充滿屏幕,然後添加一個單擊處理程序是:

$("#fullpageadvert").click(function() { 
    do stuff; 
}); 
0

有沒有辦法這樣做。但你可以在背景上添加一個虛擬的絕對格:

#dummy{ 
    position: absolute; 
    height: 100%; 
    width: 100%; 
    top: 0px; 
    right: 0px; 
    z-index: -1; 
} 
+0

馬克西姆,這實際上在IE中運行良好,但不在Firefox中。 div似乎在身後。 – Corgalore 2012-11-01 20:22:32

+0

將'z-index:-2;'添加到'body'風格。它不一定是確切的數字,只要確保身體的'z-index'低於背景'div'。或者,您可以嘗試以上接受的解決方案。 – 2012-11-01 22:42:25