Johnny90 Geschrieben 12. Juli 2011 Geschrieben 12. Juli 2011 Einen wunderschönen guten Abend Ich bin grad fast schon am verzweifeln. Mein Problem ist, dass ich 2 Hintergrundbilder in meiner Webseite haben will, die sich ĂŒber die ganze Höhe ziehen sollen und beim Scrollen eben fixed sein sollen. Beim 1. Bild (Wolken als Hintergrundbild im CSS-Element body) ist das ganze auch kein Problem. Aber bei meiner zweiten Ebene "SecondBackground" funzt das nicht ganz so wie ich will. Wieso wird hier das Bild (die 2 unterschiedlich groĂen Balken) mitgescrollt und bleibt nicht fix wie die Wolken? Bitte helft mir bei meinem Problem. Hier mein Quellcode: <html> <head> <title>Testseite</title> <style type="text/css"> body { background-image:url('http://www.bilder-hochladen.net/files/big/icsy-2-c81e.jpg'); background-position:center top; background-repeat:no-repeat; background-attachment:fixed; margin:0 0 0 0; height:100%; } #completeContent { width:840px; z-index: 2; position:absolute; height:100%; left: 50%; margin-left: -420px; margin-top:0px; } #secondBackground { width:840px; z-index: 1; position:absolute; height:100%; left: 50%; margin-left: -420px; background-image:url('http://www.bilder-hochladen.net/files/icsy-1-c4ca.png'); background-position:center top; background-repeat:repeat-y; background-attachment:fixed; } </style> </head> <body> <div id="completeContent"> <p>Testsatz.</p> <p>Testsatz.</p> <p>Testsatz.</p> <p>Testsatz.</p> <p>Testsatz.</p> <p>Testsatz.</p> <p>Testsatz.</p> <p>Testsatz.</p> <p>Testsatz.</p> <p>Testsatz.</p> <p>Testsatz.</p> <p>Testsatz.</p> <p>Testsatz.</p> <p>Testsatz.</p> <p>Testsatz.</p> <p>Testsatz.</p> <p>Testsatz.</p> <p>Testsatz.</p> <p>Testsatz.</p> <p>Testsatz.</p> <p>Testsatz.</p> <p>Testsatz.</p> <p>Testsatz.</p> <p>Testsatz.</p> <p>Testsatz.</p> <p>Testsatz.</p> </div> <div id="secondBackground"></div> </body> </html> Viele GrĂŒĂe Johnny Zitieren
martinposer Geschrieben 13. Juli 2011 Geschrieben 13. Juli 2011 Hi, probier vielleicht mal folgendes, Àndere bei dem zweiten Hintergrund background-repeat in no-repeat. Evtl. könnte es ja daran liegen. Zitieren
Johnny90 Geschrieben 13. Juli 2011 Autor Geschrieben 13. Juli 2011 Hi, Danke fĂŒr die Antwort. Das hatte ich bereits probiert. Hab das 2. Bild mal auf fixe Höhen : 600, 800, 1024, 1080 und no-repeat gesetzt. aber das klappt trotzdem nicht Hab auch mal die Ebene, in der das Bild sein soll (SecondBackground) auf position:fixed anstatt absolute geĂ€ndert. Ebenfalls keine VerĂ€nderung. Vielleicht noch ne andere Idee? Zitieren
martinposer Geschrieben 13. Juli 2011 Geschrieben 13. Juli 2011 Oder mal die position auf static setzen. Zitieren
Johnny90 Geschrieben 13. Juli 2011 Autor Geschrieben 13. Juli 2011 oh verdammt. tut mir leid, das mit der div auf position: fixed anstatt absolute setzen hĂ€tte schon gereicht. wenn man das background-attachment Ă€ndert bringt das rein gar nichts, da es ja nur fixed bleiben wĂŒrde, wenn innerhalb dieser Ebene gescrollt werden wĂŒrde. Vielen Dank!!! Zitieren
Empfohlene BeitrÀge
Dein Kommentar
Du kannst jetzt schreiben und Dich spÀter registrieren. Wenn Du ein Konto hast, melde Dich jetzt an, um unter Deinem Benutzernamen zu schreiben.