Question

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

Answer 1

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

Answer 2

只能在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);
}

单击背景图像并链接到外部网站

2 个答案: