Jquery脚本使背景可点击

我用一个广告为一个网站蒙皮，我想让整个广告都是可点击的。该广告占据整个背景（体）如下图所示Jquery脚本使背景可点击

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来绝对定位锚，但由于won''t工作背景的大小。我正在寻找一个jQuery脚本，基本上说：

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

任何想法？

来源

2010-10-26 JCHASE11

不可能用你描述它的方式，试着在体内定位一个新的横幅（display：block，position：absolute; top：..px，left：50％; margin-left：-bannerwidth/2px;）

来源

2010-10-26 21:49:34 Koen

我也必须补充：width：100％;溢出：隐藏，因为背景图像比我的显示器大。很好的修复，但。 – JCHASE11 2010-10-26 23:44:19

我想创建一个div那（如公园说的）是绝对的位于0,0和充满屏幕，然后添加一个单击处理程序是：

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

来源

2010-10-26 21:52:34

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

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

来源

2010-10-26 21:53:46

马克西姆，这实际上在IE中运行良好，但不在Firefox中。 div似乎在身后。 – Corgalore 2012-11-01 20:22:32

将'z-index：-2;'添加到'body'风格。它不一定是确切的数字，只要确保身体的'z-index'低于背景'div'。或者，您可以尝试以上接受的解决方案。 – 2012-11-01 22:42:25

Jquery脚本使背景可点击

回答

相关问题