點擊背景圖片並鏈接到外部網站

可以將身體背景圖片設置爲鏈接嗎？所以當有人點擊內容區域外的任何地方時，它會轉到另一個網站。點擊背景圖片並鏈接到外部網站

2013-04-10 Alex

我討厭做這個網站，所以我不會，但它應該是很容易的。到目前爲止你做了什麼？ – 2013-04-10 05:50:57

像這樣的事情http://jsfiddle.net/xzuEA/2/，你只需要與onclick事件

<div id="fakebody"> 

</div>

html, body { 
    width:100%; 
    height:100%; 
} 

div#fakebody { 
    width:100%; 
    height:100%; 
    background:red; 
}

$(function() { 
    $("#fakebody").click(function() { 
     window.location = "http://www.google.com/"; 
    }); 
});

來源

2013-04-10 06:07:05 MyMomSaysIamSpecial

嗨，但是當我在我的網站上的任何地方點擊時，它就會轉到另一個網站。當有人在我的內容區域外點擊時，我只想鏈接到其他地方。 – Alex 2013-04-10 09:39:04

只能在HTML/CSS來實現添加背景塊：

<body> 

<!-- YOUR WEBSITES HTML --> 

<a href="YOUR LINK" target="_blank" id="background"></a> 

</body>

CSS：

#background { 
    position:absolute; 
    top:0px; 
    bottom:0px; 
    left:0px; 
    right:0px; 
    z-index:0; // NOTE: YOUR OTHER ELEMENTS MUST BE ABOVE z-index: 0 TO MAKE IT A BACKGROUND 
    background:url(your/path/to/background-image.png); 
}

來源

2013-04-10 06:07:45

顯示：塊，和寬度/高度100％，以避免z-index必須工作得很好:) – MyMomSaysIamSpecial 2013-04-10 06:12:39

沒有嘗試它，但似乎是一個很酷的破解:) – 2013-04-10 07:44:32

我只是試了一下。當一個頁面比你的屏幕長，需要滾動時，底部不連接。我通過設置position：fixed來工作。乾杯。 – Alex 2013-04-10 10:08:01

點擊背景圖片並鏈接到外部網站

回答

相關問題