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?
Danke für die Hilfe
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