Eine sehr einfache und schnelle Lösung einen BG ohne jQuery einzubinden und der sich jeder Auflösung anpasst.

Im Head der Seite: Masterrahmen oder Layout-HTML aufrufen> "HTML" > "Zwischen den Head-Tags" eintragen.

<style type="text/css">
html {
background: url(dein-bild2.jpg) no-repeat center center fixed;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}
</style>


Getestet in NOF 10

Quelle

http://it-runde.de/7788/hintergrundbild-passt-sich-an-browsergros...e-an-css-3

Hallo Zappel,

welche Größe darf oder sollte das Bild haben?

kannst ja mal mit 1024 x 768 testen. (brauchst ja blos den QT einfügen)
Bringt bei mir auf 1920 x 1080 ein sehr gutes Ergebnis.

Sollte das Bild in KB zu groß sein einfach auf einen Webtauglichen Wert bringen und mit Scanlines manipulieren.

Sieht man bei http://world.zappelo.de/

nett gemacht........mein Haus......mein Auto........mein Boot......

Zappelo ist ja auch so was von nett.

Was sind bitte Scanlinien?

http://www.ulf-theis.de/tutorials/photoshop/designing/scanlines

Hallo,

klasse Script, nur ohne Quirks-Modus!
geht ab IE7 und drunter nicht
mit Quirks-Modus im IE7, aber nicht im IE8 und IE9
alle anderen neuen Browser ist die Einstellung egal, wobei ich die älteren Browser nicht getestet habe.

Gruß

Ich schließe das Tutorial hier ab, weitere Diskussionen dazu gerne hier:

http://www.nof-schule.de/forum/f-nof-support-allgemeine-fragen-ge...omponenten