2. Hintergrundbild

Versuch mal, das eine Bild html und das andere Bild body zuzuweisen.

Gruß norse

Das Komma hinter html muss weg, die Grafik hat die Endung .png und der Rest der Angaben erschließt sich mir nicht so richtig.

Gruß norse

html {
background-image: url("//scb@scb.bplaced.net/WBB/wcf/images/ACW/bg_body2.png");
background-attachment: fixed;
}

Das sollte reichen.

background-position sollte dafür gehen das background-attachment: fixed; ist dafür da, dass der Hintergrund mit scrollt

background-position: right center;
    background-repeat: no-repeat;

Gruß norse

Versuch bitte alles mit body und body::after zu machen

Also

body {
    /* BACKGROUND CODE */
}




body::after {
    /* BOTTLE CODE */
}

So kannst du den Background wenigstens auf die ganze Seite stretchen. Die Größe der Flasche änderst du mit background-size: XX;

Die Flasche wird so aber zu 90% nicht sichtbar sein ;).
Wenn man das so Einbindet sieht man die "Flasche" nur oben rest wird vom Inhalt verdeckt
main Transparent, main content mit color, Sidebar Transparent Inhalt der Sidebar mit eigenem Hintergrund oder font color.
Und das wäre nur der Anfang, dazu kommen noch main menu pageheader...

Versuch einfach mal das gesammte Bild inklusive Flasche mit

body {
background: url("../images/deinstile/back.jpg") no-repeat scroll center top rgba(5, 66, 113,1.0);
background-attachment: fixed;
background-size: cover;
}

einzubinden, erspart eine menge CSS

Bei einer Auflösung von 1600x900 sieht das ganze aber so aus:

Ich denk mal das 2. Hintergrundbild müsste größer sein. bzw. etwas breiter

Hallo weiss es zwar nicht genau aber kann man nicht anstadt der einen Grafik nicht einen Farbverlauf verwenden.

zum beispiel so wie diesen in der Art das sind deine Farben.

Wie gesagt weiss nicht ob es so Funktioniert mit dem Farbcode, und nur 1 Grafik.
Habe es nur mit dem Farbcode Probiert das geht so aber den rest weiss ich leider nicht.

background: -moz-linear-gradient(top, #04345C 0%, #06497D 50%, #075C9D 100%); 
background: -webkit-linear-gradient(top, #04345C 0%, #06497D 50%, #075C9D 100%); 
background: -ms-linear-gradient(top, #04345C 0%, #06497D 50%, #075C9D 100%); 
background: -o-linear-gradient(top, #04345C 0%, #06497D 50%, #075C9D 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#04345C, endColorstr=#075C9D,GradientType=1);