[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