Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> [css] ukrywanie div'a pod div'em
AndyPSV2
post
Post #1





Grupa: Zarejestrowani
Postów: 11
Pomógł: 0
Dołączył: 3.11.2011

Ostrzeżenie: (10%)
X----


przypisuje jednemu elementowi: z-index:999; a drugiemu elementowi (o div'y chodzi), z-index:10; przy czym, drugi div, ma wartosc: div style='margin-top:-20px' i sie nie chce schowac pod ten pierwszy div

jak osiagnac to co chce uzyskac?
Go to the top of the page
+Quote Post
 
Start new topic
Odpowiedzi (1 - 6)
pedro84
post
Post #2





Grupa: Nieautoryzowani
Postów: 2 249
Pomógł: 305
Dołączył: 2.10.2006

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


Czy mają ustawione position?
Go to the top of the page
+Quote Post
AndyPSV2
post
Post #3





Grupa: Zarejestrowani
Postów: 11
Pomógł: 0
Dołączył: 3.11.2011

Ostrzeżenie: (10%)
X----


nie, a jak je ustawic; czy zadzialaja pod position:relative?
Go to the top of the page
+Quote Post
ShadowD
post
Post #4





Grupa: Zarejestrowani
Postów: 1 333
Pomógł: 137
Dołączył: 25.03.2008
Skąd: jesteś??

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


Po pierwsze wypadało by wstawić to gdzieś, po drugie dodać dwie linie kodu i odpowiedzieć czy pomogło było by lepsze i szybsze niż pytanie się o takie pierdołki, spróbuj wstawić do kodu relative (do dwóch elementów) i zobacz co się stanie, to nie takie trudne...
Go to the top of the page
+Quote Post
Twist
post
Post #5





Grupa: Zarejestrowani
Postów: 174
Pomógł: 11
Dołączył: 12.10.2008
Skąd: Dublin

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


z-index działa tylko na elementach z position-relative i position:absolute;
Go to the top of the page
+Quote Post
jg44
post
Post #6





Grupa: Zarejestrowani
Postów: 122
Pomógł: 14
Dołączył: 14.07.2011
Skąd: Gliwice / Wrocław

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


Gdybyś wrzucił kod, znacznie ułatwiłbyś sprawę.
Napisałem na szybko coś takiego i uzyskałem taki efekt, jakiego oczekujesz.
  1. <style type="text/css">
  2. #pierwszy{
  3. width: 200px;
  4. height: 100px;
  5. background: #099;
  6. z-index: 999;
  7. position: absolute;
  8. }
  9.  
  10. #drugi{
  11. width: 200px;
  12. height: 100px;
  13. background: #073;
  14. margin-top: -20px;
  15. position: absolute;
  16. z-index: 10;
  17. }
  18.  
  19. <div id="pierwszy">
  20. pierwszy
  21. </div>
  22.  
  23. <div id="drugi">
  24. drugi
  25. </div>

Oczywiście dzięki
  1. margin-top: -20px;

drugi div chowa się pod pierwszym, ale wychodzi na górze te -20px.
O takie coś Ci chodzi czy coś źle zrozumiałem?

Ten post edytował jg44 4.11.2011, 20:49:50
Go to the top of the page
+Quote Post
AndyPSV2
post
Post #7





Grupa: Zarejestrowani
Postów: 11
Pomógł: 0
Dołączył: 3.11.2011

Ostrzeżenie: (10%)
X----


dobra, problem juz rozwiazany
dziekuje

nie byly ustawione pozycje, a nie wiedzialem iz sa one obowiazkowe
Go to the top of the page
+Quote Post

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

 



RSS Aktualny czas: 23.08.2025 - 10:25