Question

我正在使用广告为网站设置外观，并且我希望整个广告可以点击。广告占据整个背景（正文），如下所示

body {
background-attachment:scroll;
background-color:#000000;
background-image:url("http://gunshyassassin.com/wp-content/uploads/2010/10/gunshy_takeover2OUTNOW4.jpg");
background-position:center top;
background-repeat:repeat-x;

我已经使用css来绝对定位锚点，但由于背景的大小，它不会起作用。我正在寻找一个jquery脚本，基本上说：

当您将鼠标悬停在背景上时，将指针转动为光标。如果您点击后台的任意位置，请转到此链接：http://google.com。但是，如果你将鼠标悬停在主容器上（显然是身体的一个孩子），请禁用悬停和链接。

有什么想法吗？

Answer 1

不可能按照你描述它的方式，尝试在身体中定位一个新的横幅（显示：阻止，位置：绝对;顶部：.. px，左：50％;边距 - 左：-bannerwidth / 2px;）绝对/ p>

Answer 2

我会创建一个div（如Koen所说）绝对位于0,0并填充屏幕然后添加一个点击处理程序：

$("#fullpageadvert").click( function() {
  do stuff;
});

Answer 3

没有办法这样做。但是你可以在背景上添加一个虚拟绝对div：

#dummy{
   position: absolute;
   height: 100%;
   width: 100%;
   top: 0px;
   right: 0px;
   z-index: -1;
}

Jquery脚本使背景可点击

3 个答案: