Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
 Reply to this topicStart new topic
> z-indexy warstw
joytec
post
Post #1





Grupa: Zarejestrowani
Postów: 66
Pomógł: 0
Dołączył: 24.06.2005

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

Czesc.

Mam pytanie odnosnie kolejnosci warstw warstw.
[HTML] pobierz, plaintext 
  1. <div id="czerwony" style="position:relative;height:100px;width:50px;overflow:auto;z-index:1;background-color:red;">
  2. <div id="zielony" style="position:absolute; top:0; left: 0; width:100px; height:200px; z-index:2;background-color:green;">test2</div>
  3. </div>
[HTML] pobierz, plaintext


jesli nadam teraz divovi wewnetrznemu(zilonemu) top: 300px i left:300px nie widze go poza czerwonym zewnetrznym divem. Zalezy mi na wlasnie takim ukladzie divov

[HTML] pobierz, plaintext 
  1. <div id="czerwony" style="position:relative;height:100px;width:50px;overflow:auto;z-index:1;background-color:red;">
  2. <div id="zielony" style="position:absolute; top:300px; left:300px; width:100px; height:200px;z-index:2;background-color:green;">test2</div>
  3. </div>
[HTML] pobierz, plaintext


Czy mozna nadac tak porytety aby zielony div byl widoczny poza czerwonym

Moglbym prosic o jakies sugestie

Ten post edytował joytec 12.03.2010, 17:45:08
Go to the top of the page
+Quote Post
erix
post
Post #2





Grupa: Moderatorzy
Postów: 15 467
Pomógł: 1451
Dołączył: 25.04.2005
Skąd: Szczebrzeszyn/Rzeszów
Im większy z-index, tym "bliżej Ciebie" jest warstwa. (IMG:style_emoticons/default/winksmiley.jpg)
Go to the top of the page
+Quote Post
joytec
post
Post #3





Grupa: Zarejestrowani
Postów: 66
Pomógł: 0
Dołączył: 24.06.2005

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

nadawalem wewnetrzej wartwie trzy cyfrowy index (IMG:style_emoticons/default/smile.gif) i dalej jej nie widze. czy wewnetrzej warstwie mozna nadac wiekszy -index od zewnetrzej no zeby bylo ja widac oczywiscie po pozycjonowaniu
Go to the top of the page
+Quote Post
zegarek84
post
Post #4





Grupa: Zarejestrowani
Postów: 1 332
Pomógł: 294
Dołączył: 12.10.2008
Skąd: Olkusz

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

eh - temat nie rozwiązany - choć stary to odpowiem gdyż komuś może się przydać...

zły temat gdyż tu nie chodziło Ci o z-index - no ale skąd mogłeś wiedzieć (IMG:style_emoticons/default/winksmiley.jpg)

dokładniej to wywal deklarację overflow w pierwszym lub daj visible.
Tutaj masz to co chciałeś bez z-index (a i co do z-index rzucę słówko - z nim jest jak z pozycjonowaniem, tzn. z-index jest względem "wy pozycjonowanego" przez z-index rodzica):
[HTML] pobierz, plaintext 
  1. <html>
  2. <body>
  3. <div id="czerwony" style="position:relative;height:100px;width:50px;background-color:red;overflow:visible;">
  4. 	<div id="zielony" style="position:absolute; top:300px; left:300px; width:100px; height:200px;background-color:green;">test2</div>
  5. </div>
  6. </body>
  7. </html>
[HTML] pobierz, plaintext
Go to the top of the page
+Quote Post
« Następny starszy · CSS · 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: 24.08.2025 - 18:14
Powered By IP.Board © 2025  IPS, Inc.
All changes by PHP.pl Administrators
Hosting zapewnia NQ.pl hosting, trac, svn