Bilder übereinander

Diskutiere Bilder übereinander im HTML / CSS / JScript / AJAX Bereich.
krgewb

krgewb

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

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">
 
Thema: 

Bilder übereinander

Passende Stellenanzeigen aus deiner Region:
Anzeige

Neue Themen

Anzeige

Anzeige
Oben