Hintergrundbild

[Gunnar Bittersmann]

@@Da Mu

ich finde nur so ein script:

html {
        background: url(background.jpg) no-repeat center center fixed;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
}

Nein, kein Script. Das ist eine Regel im Stylesheet. Mit Script hat das nichts zu tun. (CSS ist eine deklarative Sprache.)

Aber dies klappt NICHT bei Android geräten!

Wie du auf der von Matthias bereits verlinkten Seite sehen kannst – wenn du auf „Show all“ clickst – funktioniert background-size: cover im Android-Browser ab Version 3, mit Präfix als -webkit-background-size: cover (spätestens) ab Version 2.1.

Die Box des html-Elements ist aber kleiner als du denkst. Damit die sich auf volle Viewporthöhe ausdehnt, musst du noch height: 100% angeben.

LLAP 🖖