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

кликабельный фон в css

VipSeoMan
На сайте с 02.01.2010
Offline
124
VipSeoMan
7023

Имеется фоновое изображение в шапке сайта, которое выводится через css, как сделать данный фон кликабельным? 

.bg { background:url(../images/bg.jpg) center top no-repeat;}
DiAksID
На сайте с 02.08.2008
Offline
236
DiAksID
#1

если background блока заполнен изображением - блок будет кликабельным по умолчанию. для кликабельности блоков с прозрачным фоном, например, из "застилают" прозрачными картинками...

show must go on !!!...
VipSeoMan
На сайте с 02.01.2010
Offline
124
VipSeoMan
#2
DiAksID:
если background блока заполнен изображением - блок будет кликабельным по умолчанию.

странно почему тогда у меня не кликабельный? может что-то требуется дописать в css?

C
На сайте с 04.02.2005
Offline
291
Chukcha
#3

потому что

<a> - инлайновый элемент

<a style="dispaly:inline-block" ....

VipSeoMan
На сайте с 02.01.2010
Offline
124
VipSeoMan
#4
Chukcha:
потому что
<a> - инлайновый элемент
<a style="dispaly:inline-block" ....

не могли бы Вы подробнее расписать не совсем понял:(

DiAksID
На сайте с 02.08.2008
Offline
236
DiAksID
#5
VipSeoMan:
не могли бы Вы подробнее расписать не совсем понял:(

это Вы должны подробнее написать, что именно (какая конструкция тегов) должно быть кликабельным и что Вы понимаете под "кликабельностью"...

C
На сайте с 04.02.2005
Offline
291
Chukcha
#6

куда уж проще...

пример смотреть здесь

шапка форума

forum.psyradio.com.ua

B
На сайте с 23.01.2009
Offline
37
baltik
#7

Есть решения кликабильности фона через Javascript

[Удален]
#8

HTML

<div class=block">

<a href="#">link</a>

</div>

CSS

div.block{

position:relative;

width:200px;

height:200px;

background:url(../images/bg.jpg) center top no-repeat;}

}

div.block a{

display:block;

overflow:hidden;

padding:50px;

text-indent:-9999px;

}

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