[CSS][xhtml] nałożenie 2-ch div 'ów na siebie Opcje

[VersQ.]

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.

[bartolomeo]

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>