Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [html][css] 'z-index' nie tak jak bym chcial
Forum PHP.pl > Forum > Przedszkole
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 sad.gif. Jak zrobić aby obrazki były ponad div'y smile.gif?

Edit:
http://jsfiddle.net/CZxzh/
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 smile.gif
r4xz
http://jsfiddle.net/
dawka83
http://jsfiddle.net/CZxzh/
Jak widać na jednym z obrazków nie zmienia się kursor smile.gif.
Chodzi o ten problem:
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 smile.gif
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

  1. .div-glowny
  2. {
  3. position: absolute;
  4. width: 400px;
  5. height: 400px;
  6. top: 20%;
  7. z-index: 1;
  8. }
  9.  
  10. #span1,#span2 {
  11. cursor: pointer;
  12. position: relative;
  13. z-index: 2;
  14. }
  15.  
  16. img {
  17. /*questionmark.gifquestionmark.gifquestionmark.gifquestionmark.gif?*/
  18. }


  1. <div class="div-glowny">
  2. <span id="span1"><img alt="/graphics/images/online.png"/></span>
  3. <span id="span2"><img alt="/graphics/images/offline.png"/></span>
  4. </div>


jesli tak nie chcesz to juz nie mam pojecia o co Ci chodzi...
To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.
Invision Power Board © 2001-2025 Invision Power Services, Inc.