Question

我在线阅读了很多东西，但我还没有办法让它发挥作用..

我想要的是什么：

我有一个身体背景图像，我被要求将其作为广告链接。问题是，无论我尝试什么使整个页面成为一个链接，而我只希望网页的背景充当链接。有可能，通过HTML和CSS？甚至使用javascript？接受任何解决方案......我被卡住了......谢谢！

Answer 1

您不能将背景图片作为链接。您可以使用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;
}

在行动here

中查看

Answer 2

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

$('body').on('click', function(e) {
    if( e.target != this ) return;
    window.location = 'http://google.com';
});

Answer 3

DON＆＃39;：T

这是一种非常烦人且普遍讨厌的做法。用户应该能够点击＆＃34;白色＆＃34; （*）没有令人惊讶的效果。

我实际上在谷歌上搜索了一些方法来阻止这种令人讨厌的人类攻击＆＃34;以及我发誓永远抵制任何以这种方式做广告的供应商。

（*）当然是＆＃34;白色＆＃34;的隐喻概念。包括主要布局之外的任何区域（如果侧边栏比主列短，则位于侧边栏内容下方），无论该区域是白色，纯色还是背景图像。

Answer 4

不在这里在页面内部保持页面划分dvision

添加onclick到body并onclick to page，

点击添加event.stopPropagation()

的页面中的

使身体背景图像充当链接

4 个答案: