CSS Resmin Arkasına Resim Nasıl Konur ?

Arkadaşlar umarım anlata bilirim.

Şimdi örnek benim 1 resmim var bu resmin arka planına resim nasıl koya bilirim ?

Örnek Facebook daki profiller avatar arkasında kapak fotosu var bu tarz bişeyin CSS / Html kodlamasını vere bilecek varmı ?

Bir div açarsın arkaplan fotoğrafına arkada durması gereken fotoyu koyarsın önde durması gereken fotoyu da padding-left ve padding-top ile yerini ayarlayabilirsin.

ya da background ile uğraşmazsınız

.div1{
position:relative;
z-index:1;
}

.div2{
position:relative;
z-index:2;
}

yaparak katman mantığında da yapabilirsiniz

Arkadaşın başlangıç seviyesinde olduğunu düşünürsek biraz daha açmak gerekebilir.

Arkadaşın verdiği css kodlarını kodlarınıza ekledikden sonra

<div class="div1">
<img src="arkadakiresim.png"/>
</div>


<div class="div2">
<img src="öndekiresim.png"/>
</div>

olarak div classları içine resimlerinizi img tagı ile ekleyerek olayı yapabilirsiniz.

YADA

iki div içinde BG belirleyebilirsiniz.

.div1{
position:relative;
z-index:1;
background:url("arkadaki.png") no-repeat;
width:resimgenisliği;
height:resimyuksekligi;
}


.div2{
position:relative;
z-index:2;
background:url("ondeki.png") no-repeat;
width:resimgenisliği;
height:resimyuksekligi;
}

Kolay gelsin.