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

Absolutes img im Hintergund

PyroFlo

Neues Mitglied
Hallo
ich habe folgendes Problem ich habe eine Seite erstellt und jetzt soll die ganze Seite noch einen tollen Hintergrund erhalten.
Dazu habe ich 1 richtiges Background image und ein halb transparentes.
Das erstere klappt wunderbar nehme ich als hinterund vom body fertig.
Das zweite will ich jetz absolut positionieren auf 0 0 und soll aber hinter allem ausser dem body liegen! Wie bewerkstelle ich das?
ich habe schon versucht das mit z-index zu lösen habe es aber nicht hinbekommen...
hier ien code ausschnitt...:
HTML:
<body>
<div class="bild_phil" ><img src="bilder/philipp-bild_2.png"></div><!-- das ist das oben erwähnte 2. bild -->
<center style="height: 100%;">
<div style=" width: 1000px; height: 100%; text-align: center; padding: 10px;">
<!-- meine seite -->
</div>
</body>

body {
    background-image: url(bilder/papier.jpg);
    background-size: 100% 100%;
    width: 100%;
    height: 100%;
}

.bild_phil {
    position: absolute;
    height: 100%;
    top: 0px;
    left: 0px;
}
 
Werbung:
Hallo,

also wieso machst aus den beiden nicht ein Bild?
oder
mach doch eins als hintergrund beim html und eins body.

da mit background-size arbeitest wirst mit divs nicht klar kommen, obwohl das wieder schwer ist ohne das in Aktion zu sehen.

Cheffchen
 
Versuche mal:

Code:
body {
     background: url(image_1.png), url(image_2.png);
}

sollte zumindest in aktuellen Browsern funktionieren.
 
Werbung:
Zurück
Oben