Jump to content

Вопрос по css


Recommended Posts

Из 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; }

 

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

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; }

 

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

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

Link to post
Share on other sites

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

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

 

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

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>

 

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

Link to post
Share on other sites

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

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

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

Link to post
Share on other sites

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

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

 

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

 

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

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

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

 

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

 

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

Link to post
Share on other sites

Please sign in to comment

You will be able to leave a comment after signing in



Sign In Now
  • Recently Browsing   0 members

    No registered users viewing this page.

×
×
  • Create New...