z-indexy warstw - Forum PHP.pl

z-indexy warstw

joytec Zobacz profil	12.03.2010, 14:31:10 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 <div id="czerwony" style="position:relative;height:100px;width:50px;overflow:auto;z-index:1;background-color:red;"> <div id="zielony" style="position:absolute; top:0; left: 0; width:100px; height:200px; z-index:2;background-color:green;">test2</div> </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 <div id="czerwony" style="position:relative;height:100px;width:50px;overflow:auto;z-index:1;background-color:red;"> <div id="zielony" style="position:absolute; top:300px; left:300px; width:100px; height:200px;z-index:2;background-color:green;">test2</div> </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

Odpowiedzi

zegarek84 Zobacz profil	7.04.2010, 22:24:10 Post #2
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 <html> <body> <div id="czerwony" style="position:relative;height:100px;width:50px;background-color:red;overflow:visible;"> <div id="zielony" style="position:absolute; top:300px; left:300px; width:100px; height:200px;background-color:green;">test2</div> </div> </body> </html> [HTML] pobierz, plaintext