2010-10-26 5 views
0

Я исправляю сайт друзей, и у него есть реклама, которая занимает весь фон (тело). В настоящее время, фоновое изображение устанавливается с помощью CSS (фонового изображения):Создание всего фонового изображения с возможностью клика

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; 

Я хотел бы сделать все кликабельное фоновое изображение (ссылку). Вы можете увидеть этот сайт здесь: http://gunshyassassin.com

Каков наилучший способ сделать это? Кажется, это так просто, но после нескольких дней работы я путаю! Важно, чтобы основная область содержимого не была затронута (например, мы не можем установить, чтобы все тело было ссылкой, или все его дети также будут доступны для клика, а это не-нет). Мне просто нужно фоновое изображение тела быть ссылкой!

ответ

1

сделать ту часть, которая не должна быть частью объявления имеют этот стиль:

position:relative;left:0;top:0;z-index:1 

Сделайте ссылку на другой сайт, как это:

<a style="display:block;position:fixed;left:0;top:0;width:100%;height:100%;cursor:pointer" href="http://adsite.com"></a> 
+0

Позиционирование: исправлено не работает во всех браузерах. – mway

+0

В этом случае вы можете использовать 'position: absolute', но тогда, если вы прокрутите вниз, он не будет нажат. –

0

Ну ... в «» теория '' ... у вас просто будет div (который либо имеет изображение в качестве фонового изображения, либо как <img> внутри него) со 100% шириной и высотой, расположенным абсолютно позади содержимого, а затем добавляет прослушиватель событий к этому дела. Но я бы посоветовал не делать весь ваш сайт рекламой - это раздражает и навязчиво.

+1

Я полностью понимаю, но его не мой сайт ... просто делает одолжение! Я бы никогда не разместил объявление в bg, как это! – JCHASE11

Смежные вопросы