• Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

Mehrere Hintergrundbilder überlagern ???

T-I-M

Neues Mitglied
Hallo
ich habe ein Problem mit dem überlagern von hintergrundbildern.
Das ganze soll aussehen wie in fogendem Link beschrieben:
Starry Night: Incredible 3D Background Effect with Parallax | CSS-Tricks

Ich habe alles gemacht wie beschrieben aber bekomme nur den hintergrund angezeigt?
was habe ich falsch gemacht?
Code:
<html>
<head>
<title>TEST</title>
<style type="text/css">
<!--
body { 
 background: url("b.png") repeat 5% 5%;
}
#midground {
 background: url("m.png") repeat 20% 20%;
 position: absolute;
 top: 0; left: 0; right: 0; bottom: 0;
 z-index: 997;
}
#foreground {
 background: url("f.png") repeat 90% 110%;
 position: absolute;
 top: 0; left: 0; right: 0; bottom: 0;
 z-index: 998;
}
-->
</style>  
 
</head>
<body>
 <div id="midground"></div>
 <div id="foreground"></div>
</body>
</html>

Danke für die Hilfe
 
Du siehst überhaupt etwas? Deinem Code fehlt ein Doctype und der CSS-Abschnitt müsste ohne HTML-Kommentare geschrieben werden.
 
Zurück
Oben