Jquery скрипт, чтобы сделать фон кликабельным

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

Невозможно, как вы это описываете, попробуйте разместить новый баннер (display: block, position: absolute; top: ..px, left: 50%; margin-left: -bannerwidth / 2px;) абсолютно в теле

Answer 2

Я бы создал div, который (как сказал Коен) находится в абсолютном положении на 0,0 и заполняет экран, а затем добавил бы обработчик щелчков к этому:

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

Answer 3

Нет способа сделать это. Но вы можете добавить фиктивный абсолютный div на фоне:

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