[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 . Jak zrobić aby obrazki były ponad div'y ?

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

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

[foxbond]

może dla div-ów daj własność "pointer-events: none;"

[dawka83]

nic to nie zmienia :/

[kopecsrk]

Opisz lepiej swój problem. Pokaż screen co cokolwiek

[r4xz]

http://jsfiddle.net/

[dawka83]

http://jsfiddle.net/CZxzh/
Jak widać na jednym z obrazków nie zmienia się kursor .
Chodzi o ten problem:


Ten post edytował dawka83 23.07.2013, 15:55:57

[fate]

nie chce mi sie analizować Twojego problemu ale Tobie pewnie chce się przeczytac ten temat:
http://philipwalton.com/articles/what-no-o...-about-z-index/
Po tym artykule spojrzałem na wszystko od nowa
Tu jakis pokrewny
http://www.tjkdesign.com/articles/everythi...raid_to_ask.asp
Powinno pomóc rozwiazać KAŻDY problem.

[-Gość-]

nie wiem czy o to Ci chodzi ale nie mozesz dac cursora pointer poprostu na #div1,#div2 ? i dziala

[dawka83]

Nie bo:
1. Caly obszar 400px na 400px mial by taki kursor.
2. Potrzebuje obiekt klikany do js

[-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 {
/*?*/
}
[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...