Ich ersuche seit gestern erfolglos eine Grafik meinem body-Element zuzuweisen. Die Grafik soll fixed sein.
Da kam mit als erstes background-size:cover; in den Sinn. Aber schon das klappt nicht wie es soll. Die Grafik wird so extrem groß gezogen, dass ich alle Pixel sehen kann.
Aktuell habe ich es so mit einer 500x500px großen Grafik gemacht (Notlösung):
background: #fff url(images/bg.jpg) repeat top center;
oder
html {
background: url(images/bg.jpg) no-repeat center center fixed;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}
Das funktioniert auch. Aber die Grafik wird extrem groß gezogen - egal wieviel Pixel meine bg.jpg-Grafik hat.
Mein Ziel wäre aber folgendes, was nicht funktioniert:
background: url(images/bg.jpg) repeat fixed 0 0;
Die Grafik ist zwar fixed, aber sie wird doppelt auf den Bildschirm gemalt! D.h. obere Hälfte meines Bildschirms hat diese Grafik von links nach rechts - nicht fixed.
und "unter" (eine Ebene drunter) dieser Grafik ist nochmal diese Grafik aber fixed auf dem ganzen Bildschirm mit repeat.
So ein seltsames Verhalten hatte ich noch nie. Ich hoffe man versteht mich :razz: Kennt das jemand?