Div Positionierung – Ein Div über, bzw. vor einem anderen anzeigen lassen

Wenn man beispielsweise ein DIV mit einem Bild hat und dann ein weiteres kleines Bild darüberlegen will, das DIV im Vordergrund jedoch am Elternelement ausrichten will, so funktioniert das ganz einfach mit z-index und position: relative, bzw. absolute.

<div style="position: relative;"><img src="PFAD_VOM_BILD_DES_ELTERNELEMENTES.jpg" alt="" />
  <div style="position: absolute; top: 0px;"><img src="PFAD_DES_KLEINEN_BILDES_IM_VORDERGRUND.jpg" alt="" /></div>
</div>

Und fertig ist die ganze Hexerei. Hier wird das kleine Bild im Vordergrund rechts oben ohne Abstand vom Rand des grossen Bildes angezeigt.

Hinterlasse eine Antwort