Pozadinska slika s linkom

Web dizajn i grafika
1

Pokušavam ubaciti na
http://www.centarvjencanja.com
pozadinsku sliku s linkom. Znači ubaciti baner koji bi bio kao pozadina.

Znači odmah ispod body taga ubacim div #banner_back i apliciram sljedeća svojstva:

#banner_back { position:fixed; z-index:1; width:100%; height:100%; top:0px; left:50%; overflow-x:hidden; overflow-y:hidden; }

#banner_back img { border:0px solid #FFF; }

Međutim, kada to uradim ne mogu kliknuti na linkove. Ali kada stavim da je z-index:-1; onda ne mogu kliknuti na baner.

HTML kod je sljedeci:

<body>
<div id="banner_back"><img src="bla bla" /></div>
<div class="wrapper">Linkovi i sadrzaj</div>
</body>
2

Da bi stavio link na sliku kod mora ići ovako:

Tekst ako želite
ili

U klasiX je stavljena slika kao background.

3

Stavljen je link, nisam ga ubacio ovdje u primjer, ali problem je što ne mogu kliknuti na link. Znam da ima neke veze s ovim z-index, ali nikako da ga podesim kako treba ili trebam obratiti pozornost i na wrapper koji je fiksne širine od 960px.

4

z-index background slike ti mora biti najmanje 1 inace nece biti klikabilan, a shodno tome i ostali elementi na stranici moraju biti veceg z-index-a kako ih background slika nebi pokrila.

5

Našao sam grešku. NAime, i jedan i drugi div moraju imati position ispravno postavljen. Tako wrapper mora imati position:relative, z-index:1;, dok back_banner mora imati position:fixed, z-index:0

6

iskreno ne svidja mi se način na koji si to izveo, ja ne bih to radio sa slikom direktno u htmlu, imas puno bolji nacin

html:
[HTML]

Slika - reklama
[/HTML]

CSS

#taj-div-za-kliknuti { position:fixed; top: 0; left: 50%  }//ovo si odredi sam
#taj-div-za-kliknuti a { background: url(slike/logo.JPG) no-repeat; display:block; text-indent: -9999px; width: _xdimenzija_px; height: y_dimenzija_px; }

ne moras se zezat sa z indeksom i po meni je ovaj nacin pregledniji i bolji, ne volim bacati slike u html, nego sve u css-u odradjivati, prednosti su brojne…

samo zapamti kad radis link s pozadinskom slikom, moras staviti text-indent sto veci(-9999px je sasvim dovoljno), moras staviti dimenzije tog klikanog prostora i naravno ne zaboravi staviti display na block, overflow odredjuj gdje ti vec treba… samo sam ti dao dobar primjer rada sa css-om… najlakse je sve pobacat u html…