Форум Сайтостроение Веб-строительство

Скрипт брендирования

big boy
На сайте с 18.11.2006
Offline
307
big boy
874

Есть сайт. Есть фоновая пикча с рекламой. Нет скрипта, который организовал бы кликабельность фона. Поиск ни к чему хорошему не привёл.

✔ Google spam update убил сайты? Что делать - https://webmasta.ru/blog/google-october-2022-spam-brain-update
Chkan
На сайте с 22.10.2008
Offline
120
Chkan
#1

Мне приходилось решать эту траблу примерно следующим образом: 

#bg {

	position: fixed; 

	top: 0; 

	left: 0; 

	z-index: -5;

	min-width: 100%;

	min-height: 100%;

	cursor: pointer;

}

вот это рекомендую ставить сразу после тега body 

<img id="bg" onclick="window.location='http://example.com';return false;" src="http://example.com/bg.png" >


---------- Добавлено 05.05.2016 в 19:25 ----------

cо значением z-index возможно придется поиграться
🤠 Разработка/сопровождение проектов на Python/Django (https://django.ws)
big boy
На сайте с 18.11.2006
Offline
307
big boy
#2

Chkan, спасибо, но не сработало:

- кликабельность начинает работать только при z-index от 0 и выше, но уже при нуле начинает перекрывать контент;

- картинка изначально гораздо шире экрана (расчитана на разные мониторы) поэтому вставляется криво.

Есть другие варианты?

---------- Добавлено 05.05.2016 в 21:41 ----------

Всё оказалось проще, чем думал.

HTML (сразу под body): 

<div id="bg" onclick="window.open('http://ya.ru')"></div>

CSS: 


body {background:#000000 url(bg.jpg) no-repeat center top fixed;}



#bg {

    position: fixed;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    cursor: pointer;

}

Основной контент лежит в <div id="pagewrap">...</div>, поэтому в CSS добавляем: 

#pagewrap {position:relative;}

Works like magic! И с z-index никаких мучений.

Еще раз спасибо Chkan за наводку.

Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий