 [CSS][xhtml] nałożenie 2-ch div 'ów na siebie |
  |
| [CSS][xhtml] nałożenie 2-ch div 'ów na siebie |
 21.09.2008, 08:52:58
Post
#1
|
|
|
Grupa: Zarejestrowani Postów: 8 Pomógł: 0 Dołączył: 29.03.2008 Ostrzeżenie: (0%) 
 |
Witam chce uzyskać taki efekt:
http://img151.imageshack.us/my.php?image=postlw9.jpg Powiedzcie mi jak zrobić żeby ten div z trójkątem naszedł na 2-gi div z tekstem który jest pod tym z trójkątem. |
 |
 
|
|
21.09.2008, 09:42:24
Post
#2
|
|
|
Grupa: Zarejestrowani Postów: 14 Pomógł: 0 Dołączył: 21.02.2008 Ostrzeżenie: (0%)
|
Użyj w stylach:
left: x px; top: y px; z-index: n; z-index oznacza kolejność na stosie. |
|
|
|
|
21.09.2008, 11:42:49
Post
#3
|
|
|
Grupa: Zarejestrowani Postów: 8 Pomógł: 0 Dołączył: 29.03.2008 Ostrzeżenie: (0%)
|
Ale w css to używać? I mniej więcej jak to wygląda?
|
|
|
|
|
21.09.2008, 12:11:50
Post
#4
|
|
|
Grupa: Zarejestrowani Postów: 14 Pomógł: 0 Dołączył: 21.02.2008 Ostrzeżenie: (0%)
|
|
|
|
|
|
21.09.2008, 12:47:53
Post
#5
|
|
|
Grupa: Zarejestrowani Postów: 39 Pomógł: 0 Dołączył: 21.09.2008 Ostrzeżenie: (0%)
|
Można jeszcze to zrobić bez użycia z-index. Po prostu zagnieździć diva w divie. Przykład gdy obrazek masz o rozmiarach 250px na 200px;
style.css : Kod div#obrazek_spod { width:250px; height:200px; background-image:url(sciezka_obrazka_na_spod); background-repeat:no-repeat; } div#obrazek_spod div.obrazek.gora { width:takie jak wielkosc obrazka; height:takie jak wielkosc obrazka; background-image:url(sciezka_obrazka_na_gore); background-repeat:no-repeat; } plik.html Kod <div id="obrazek_spod"><div class="obrazek_gora"> jesli chcesz to tez tutaj mozesz umiescic obrazek </div></div>
|
|
|
|
|
|
Wersja Lo-Fi | Aktualny czas: 5.06.2025 - 21:21 |
