Hallo alle zusammen, für ein Projekt muss ich mehrere Bilder in einer HTML-Seite übereinander legen. Diese Bilder haben jeweils einen transparenten Hintergrund und durch die Überlagerung soll zum Schluss ein ganzes Bild entstehen. Ich habe auch bereits einen Code geschrieben:
<body>
<div>
<img class="Hintergrund" src="Ring1.svg">
<img class="Vordergrund" src="Ring2.svg">
</div>
</body>
.Hintergrund
{
position: absolute;
top:0px;
left:0px;
z-index: 0;
}
.Vordergrund
{
position:absolute;
top:0px;
left:0px;
z-index: 1;
}
Trotzdem werden die Bilder nach wie vor untereinander angezeigt... kann mir da vielleicht jemand weiterhelfen?
Vielen Dank schon mal Tara