点击背景图片并链接到外部网站

可以将身体背景图片设置为链接吗？所以当有人点击内容区域外的任何地方时，它会转到另一个网站。点击背景图片并链接到外部网站

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

点击背景图片并链接到外部网站

回答

相关问题