Bild über Bild legen

[Collin]

Ich habe ein Bild, das ist 300 x 300 Pixel gross.
Ich möchte das dieses Bild angezeigt wird, und darüber ein weitere Bild gelegt wird.
Unten rechts in der Ecke des eigentlichen Bildes, soll das zweite über dem ersten liegen

  
.dia {  
margin:0 10px 10px 0;  
padding:10px;  
float:left;  
border: #C0C0C0 1px solid;  
width:300px;  
height:300px;  
}  
  
.ecke{  
background-image: url(ecke.png);  
z-index:99;  
}

<div class="dia">  
<div class="ecke">  
<img src="bild.jpg" alt="">  
</div>  
</div>

[Steel]

Moin!

Bei deinem Vorgehen, musst Du das grosse, hintere Bild im Background darstellen und das kleine als Image unten im Container postionieren, oder auch als Background in die untere ecke packen.

Es geht auch eine Struktur aus einem Container und 2 Bildern, die geschickt positioniert werden. (Container relativ positionieren, Bilder absolut und das kleine bottom/right 0 px)

[JürgenB]

Hallo Collin,

Ich möchte das dieses Bild angezeigt wird, und darüber ein weitere Bild gelegt wird.

der Hintergrund liegt, wie sein Name vermuten lässt, hinter (unter) dem Inhalt.

Man kann aber mehrere Elemente mit absoluter Positionierung übereinander legen. Das letzte liegt dann oben.

Gruß, Jürgen