1

我在网上阅读了很多东西，但我还没有找到让它工作的方法..

我想要的是：

我有一个正文背景图片，我被要求将其作为广告链接。问题是无论我尝试什么都会使整个页面成为链接，而我只希望网页的背景作为链接。有可能，通过html和css吗？甚至使用javascript？任何解决方案都被接受......我被卡住了......提前致谢！

4

4 回答 4

6

您不能将背景图像作为链接。您可以使用 JS 来捕捉身体上的所有点击，但不能捕捉到它的一个孩子

// This is not cross browser, that would be a separate question
document.body.onclick = function(e) {
  if (e.target === document.body) {
      window.location = "link.html"
  }
}

您可以将 jQuery 用于跨浏览器版本

$('body').click(function(e){
    if (e.target === this) {
        window.location = "link.html"
    }
});

如果你想给背景光标外观，你可以应用下面的 CSS

body {
   background-image: url(http://www.blutest.com/sites/default/files/butterfly2_large_0.jpg);
   cursor: pointer;
}

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

body * {
  cursor: default;
}
​

在此处查看实际操作

于 2012-11-12T18:56:35.270 回答
2

使用 jQuery，您可以检测事件是否直接在主体上：

$('body').on('click', function(e) {
    if( e.target != this ) return;
    window.location = 'http://google.com';
});
于 2012-11-12T18:56:57.057 回答
1

不。

这是一种非常烦人且普遍讨厌的做法。用户应该能够单击“白色”（*）而不会产生令人惊讶的效果。

实际上，我在搜索阻止这种讨厌的“人类利用”的方法时发现了您的问题，我发誓永远抵制任何以这种方式做广告的供应商。

(*) 当然，“白色”的隐喻概念包括主布局之外的任何区域（如果侧边栏比主列短，则在侧边栏内容下方），无论该区域是白色、纯色还是有背景图片。

于 2015-06-22T08:56:15.033 回答
0

不，这里在 body dvision 中保留一个页面划分

将 onclick 添加到正文和 onclick 到页面，

在页面中点击添加event.stopPropagation()

于 2012-11-12T18:57:30.683 回答