Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
 Reply to this topicStart new topic
> [CSS][JavaScript] Problem z z index dla obrazka
Woytek950
post
Post #1





Grupa: Zarejestrowani
Postów: 130
Pomógł: 2
Dołączył: 6.06.2008
Skąd: jesteś ?

Ostrzeżenie: (0%)
-----

Witam. Mam problem z z-index i wygląda on następująco:
dlaczego ta prosta funkcja nie "wyrzuci" obrazka nr 3 na sam wierzch?
[HTML] pobierz, plaintext 
  1. function changeStyleOnHover()
  2. {
  3.  
  4.   document.getElementById("imgThird").style.zIndex='5';
  5. }
  6.  
  7.  
  8. <div onmouseover="changeStyleOnHover()">div<div>
  9. <img src="1.jpg" alt="" style="z-index: 4;" id="imgFirst" />
  10. <img src="2.jpg" alt="" style="z-index: 4;" id="imgSecond" />
  11. <img src="3.jpg" alt="" style="z-index: 4;" id="imgThird" />
[HTML] pobierz, plaintext


Ten post edytował Woytek950 3.12.2011, 19:01:51
Go to the top of the page
+Quote Post
amii
post
Post #2





Grupa: Zarejestrowani
Postów: 728
Pomógł: 76
Dołączył: 12.06.2009

Ostrzeżenie: (0%)
-----

Ustaw pozycjonowanie dla elementów, po za tym jeśli nie zmieniasz położenia to nic nie zobaczysz:
Przetestuj to:

[HTML] pobierz, plaintext 
  1. <html>
  2. <head>
  3. <script type="text/javascript">
  4.     function changeStyleOnHover()
  5.     {
  6.  
  7.     var doc = document.getElementById("imgThird");
  8.     doc.style.zIndex='9999';
  9.     doc.style.left = -10;
  10.     doc.style.top = -10;
  11.  
  12.     }
  13.   </script>   
  14.  
  15.     <div onmouseover="changeStyleOnHover()">div<div>
  16.     <img src="1.jpg" alt="" style="z-index: 2; position:absolute; " id="imgFirst" />
  17.     <img src="2.jpg" alt="" style="z-index: 3; position:absolute; " id="imgSecond" />
  18.     <img src="3.jpg" alt="" style="z-index: 4; position:absolute; left:100px; " id="imgThird" />
  19.  
  20. </body>
  21. </html> 
[HTML] pobierz, plaintext


tutaj: http://www.w3schools.com/js/tryit.asp?filename=tryjs_events
Go to the top of the page
+Quote Post
Woytek950
post
Post #3





Grupa: Zarejestrowani
Postów: 130
Pomógł: 2
Dołączył: 6.06.2008
Skąd: jesteś ?

Ostrzeżenie: (0%)
-----

Zapomniałem napisac ale wszystkie obrazki były w pozycji absolute i jeden na drugim

Edit: dopiero teraz się skapnąłem że obrazek miał w stylach ustawione na display:none; męczyłem się z tym 3h.


Ten post edytował Woytek950 3.12.2011, 19:50:08
Go to the top of the page
+Quote Post
« Następny starszy · Przedszkole · Następny nowszy »
 

Reply to this topicStart new topic
2 Użytkowników czyta ten temat (2 Gości i 0 Anonimowych użytkowników)
0 Zarejestrowanych:

 

Tryb wyświetlania: Standardowy · Przełącz na: Linearny+ · Przełącz na: Drzewo

Śledź ten temat · Wyślij temat na e-mail · Wydrukuj ten temat · Subskrybuj to forum

RSS Aktualny czas: 28.08.2025 - 20:13
Powered By IP.Board © 2025  IPS, Inc.
All changes by PHP.pl Administrators
Hosting zapewnia NQ.pl hosting, trac, svn