[html][css] 'z-index' nie tak jak bym chcial Opcje

[dawka83]

Więc mam sobie dwa div'y:

Kod

<div id="div1"><img alt="jakis obrazek"/></div>
<div id="div2"><img alt="jakis obrazek2"/></div>

Teraz style:

Kod

div //Tutaj odwoluje sie do 2 div'ow
{
position: absolute;
width: 400px;
height: 400px;
top: 20%;
z-index: 1;
}

img //a nastepnie do obrazkow
{
position: relative;
z-index: 2;
cursor: pointer;
}

Obrazki sa w 2 roznych miejscach ale tylko dla jednego kursor jest "pointerem" ponieważ ten 2 div go zakrywa (IMG:style_emoticons/default/sad.gif) . Jak zrobić aby obrazki były ponad div'y (IMG:style_emoticons/default/smile.gif) ?

Edit:
http://jsfiddle.net/CZxzh/

Ten post edytował dawka83 23.07.2013, 15:29:41

[-Gość-]

No to zrob dodatkowy div glowny 400/400 bo pointer na obrazkach nie dziala przez relative a js-em zawsze sie do tego dobierzesz:P

[PHP] pobierz, plaintext 
.div-glowny
{
position: absolute;
width: 400px;
height: 400px;
top: 20%;
z-index: 1;
}
 
#span1,#span2 {
	cursor: pointer;
        position: relative;
        z-index: 2;
}
 
img {
/*(IMG:style_emoticons/default/questionmark.gif) (IMG:style_emoticons/default/questionmark.gif) (IMG:style_emoticons/default/questionmark.gif) (IMG:style_emoticons/default/questionmark.gif) ?*/
}
[PHP] pobierz, plaintext 

[PHP] pobierz, plaintext 
        <div class="div-glowny">
			<span id="span1"><img alt="/graphics/images/online.png"/></span>
			<span id="span2"><img alt="/graphics/images/offline.png"/></span>
		</div>
[PHP] pobierz, plaintext 

jesli tak nie chcesz to juz nie mam pojecia o co Ci chodzi...