Bildschirmfüllendes Bild mit css

Warning: preg_match(): Compilation failed: invalid range in character class at offset 4 in /home/.sites/146/site459/web/ernstbrunner/wp/wp-content/plugins/lightbox-plus/classes/shd.class.php on line 1120 Warning: preg_match(): Compilation failed: invalid range in character class at offset 4 in /home/.sites/146/site459/web/ernstbrunner/wp/wp-content/plugins/lightbox-plus/classes/shd.class.php on line 1120 Warning: preg_match(): Compilation failed: invalid range in character class at offset 4 in /home/.sites/146/site459/web/ernstbrunner/wp/wp-content/plugins/lightbox-plus/classes/shd.class.php on line 1120 Warning: preg_match_all(): Compilation failed: invalid range in character class at offset 4 in /home/.sites/146/site459/web/ernstbrunner/wp/wp-content/plugins/lightbox-plus/classes/shd.class.php on line 621 Warning: Invalid argument supplied for foreach() in /home/.sites/146/site459/web/ernstbrunner/wp/wp-content/plugins/lightbox-plus/classes/shd.class.php on line 628 Warning: preg_match_all(): Compilation failed: invalid range in character class at offset 4 in /home/.sites/146/site459/web/ernstbrunner/wp/wp-content/plugins/lightbox-plus/classes/shd.class.php on line 621 Warning: Invalid argument supplied for foreach() in /home/.sites/146/site459/web/ernstbrunner/wp/wp-content/plugins/lightbox-plus/classes/shd.class.php on line 628

CSS3 macht es nett und angenehm, leider sind nicht alle Browser dafür bereit: ein Bild als Hintergrund der Seite soll immer den ganzen Bildschirm (oder eben das Browserfenster) füllen, nicht verzerrt sein und möglichst noch mittig platziert werden.

Eines vorweggenommen: Ich fand keine reine CSS Lösung, die das auch für IE6 und IE7 möglich macht. Ohne der mittigen Platzierung gibt es Möglichkeiten, ohne proportionales skalieren sowieso. Hier nun Techniken für oben beschriebenen Fullscreen-Effekt. Mehr…