Скрипт 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 для абсолютного позиционирования привязки, но это не сработает из-за размера фона. Я ищу скрипт jquery, который в основном говорит:

при наведении курсора на фон превращайте указатель в курсор. Если щелкнуть в любом месте фона, перейдите по этой ссылке: http://google.com. НО, если вы наводите курсор на основной контейнер (очевидно, дочерний элемент тела), отключите наведение и ссылку.

Любые идеи?


jquery css skinning
person JCHASE11    schedule 26.10.2010    source источник

Ответы (3)


arrow_upward
3
arrow_downward

Невозможно, как вы это описываете, попробуйте разместить новый баннер (отображение: блок, позиция: абсолютный; верх: ..px, левый: 50%; поле слева: -bannerwidth/2px;) абсолютный в теле

person Koen    schedule 26.10.2010
comment
Я также должен добавить: ширина: 100%; переполнение: скрыто, потому что фоновое изображение больше моего монитора. Однако хорошее исправление. - person JCHASE11; 27.10.2010

arrow_upward
1
arrow_downward

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

$("#fullpageadvert").click( function() {
  do stuff;
});
person Steve Claridge    schedule 26.10.2010

arrow_upward
0
arrow_downward

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

#dummy{
   position: absolute;
   height: 100%;
   width: 100%;
   top: 0px;
   right: 0px;
   z-index: -1;
}
person Maksim Vi.    schedule 26.10.2010
comment
Максим, это действительно хорошо работает в IE, но не в Firefox. Кажется, что div находится за телом. - person Corgalore; 02.11.2012
comment
Добавьте z-index: -2; к стилям body. Это не обязательно должны быть точные числа, просто убедитесь, что тело имеет z-index меньше, чем фон div. В качестве альтернативы вы можете попробовать принятое решение выше. - person Maksim Vi.; 02.11.2012