Sign in to follow this  
Followers 0
Tromom

Вопрос по css

11 posts in this topic

Из css

body { background : #000000 url("../images/background.jpg")/*tpa=http://сайт.ru/www/сайт.ru/templates/1276/background.jpg*/ repeat-x top center; no-repeat; text-shadow: 0 1px 0 #f4f2ed; word-wrap: break-word; }

 

Подскажите как фон сделать ссылкой? Заранее Спасибо!

Share this post


Link to post
Share on other sites

Из css

body { background : #000000 url("../images/background.jpg")/*tpa=http://сайт.ru/www/сайт.ru/templates/1276/background.jpg*/ repeat-x top center; no-repeat; text-shadow: 0 1px 0 #f4f2ed; word-wrap: break-word; }

 

Подскажите как фон сделать ссылкой? Заранее Спасибо!

На фору есть поиск, воспользуйтесь им! Тема такая не первая. А также есть еще гугл - это тоже поиск. Там тоже таких тем много.

Share this post


Link to post
Share on other sites

На фору есть поиск, воспользуйтесь им! Тема такая не первая. А также есть еще гугл - это тоже поиск. Там тоже таких тем много.

Ну просто использовать поиск не модно :)

 

http://talk.pr-cy.ru/topic/8621-kak-sdelat-fon-sajta-ssylkoj/

Share this post


Link to post
Share on other sites
background-link {

display: block;

width: 100%;

height: 100%;

position: absolute;

z-index: 2;

}

 

<a href="ссылка" id="background-link" target="_blank"></a>

 

Сделал так, не работает.

Share this post


Link to post
Share on other sites

<a href="ссылка" id="background-link" target="_blank"></a> а на что нажимать то? 

<a href="ссылка" id="background-link" target="_blank">здесь то на что нажимать надо</a> 

Мой совет - сделать адаптивныйе блоки по бокам от центрального контента, и  их сделать ссылками. Цеплять на сам боди  не вариант, может хватать при нажатии на самом сайте а не на фоне.

Share this post


Link to post
Share on other sites

Tromom, Мне кажется вы не понимаете как  это делается. Фон не может быть "кликабельным" по определению. Кликаете вы на блок, в котором это фон находится.

И тут 2 варианта решения задачи или Обрабатывать нажатие на блок или поверх блока наложить что-то такое, что будет кликаться.

 

1й вариант никак без скриптов не обойдется. Дело в том, что если положить обработчик на боди, как предлагал covertmind, то он "зацепит" весь контент в него вложенный. 

 

вот такая строка (jquery)

$('body').click(function(){ /* обработчик */ }) 

будет срабатывать когда угодно, и перекроет собой все ссылки на сайте. 

 

Вы можете создавать див и кликать по нему, но тогда клик тоже будет отрабатывать все вложенные элементы дива. Выход из этой ситуации -- положить пустой див и растянуть его на весь экран + сделать прозрачным. Но тогда он будет работать как обычная ссылка с яваскрипт управлением, правда эта ссылка не будет индексироваться.

 

Есть совсем ректальный способ - Отслеживать перемещения курсора и при клике, отлавливать его координаты, проверять на их незанятость и если они незаняты верхними слоями -- делать переход по адресу, но, блин, я понимаю, что можно делать операцию на гландах через задний проход, но зачем?!

YourBro likes this

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!


Register a new account

Sign in

Already have an account? Sign in here.


Sign In Now
Sign in to follow this  
Followers 0

  • Recently Browsing   0 members

    No registered users viewing this page.