Ich habe zwei Bilder. Eines als Hintergrund und dann noch eines mit den Personen (mit Transparenz). Das funktioniert auch schon. Ich möchte aber nun die Position von dem Bild mit den Personen verschieben. Wenn ich im style-Block top oder left ändere, bewirkt das nichts.
HTML
<!DOCTYPE html>
<html lang="de">
<head>
<meta charset="UTF-8">
<style type="text/css">
* {
margin: 0;
padding: 0;
}
.wrap {
width: 570px;
height: 570px;
position: relative;
border: 1px solid #ccc;
}
img {
position: absolute;
}
.img-a {
top: 0;
left: 0;
z-index: 1;
}
.img-background {
bottom: 0;
right: 0;
}
</style>
</head>
<body>
<div class="wrap">
<img class="img-a" src="Beide_t.png" alt="" width="570">
<img class="img-background" src="a.jpg" alt="" width="570">
</div>
</body>
</html>
Alles anzeigen