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

click on background image and link to external website

本文关键字：外部 网站 链接 背景图片      更新时间：2023-09-26

是否可以将正文背景图像设置为链接?所以当有人点击内容区域以外的任何地方时，它会转到另一个网站

就像这样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/";
    });
});

只能在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);
}
相关文章：