Bilder übereinander

krgewb

krgewb

Top Contributor
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>
 
krgewb

krgewb

Top Contributor
Ich habe es hinbekommen.
Java:
<style>
  img {
    position: absolute;
  }
  
  #person {
    top: 140px;
	left: 490px;
  }
  
</style>
<img src="back.PNG" width="600" >
<img id="person" src="person.PNG" width="22">
 

Ähnliche Java Themen

Anzeige

Neue Themen


Oben