Hier werden die Unterschiede zwischen zwei Versionen der Seite angezeigt.
| Vorherige Überarbeitung | |||
| — | css:images [2015/12/03 19:32] (aktuell) – Externe Bearbeitung 127.0.0.1 | ||
|---|---|---|---|
| Zeile 1: | Zeile 1: | ||
| + | ===== Vollformat-Hintergrundbilder ===== | ||
| + | Das Hintergrundbild passt sich dem Viewport proportional an und füllt ihn aus. Der IE interpretiert dies ab Version 9 korrekt. | ||
| + | |||
| + | <code css> | ||
| + | html { | ||
| + | background: url(background.jpg) no-repeat center center fixed; | ||
| + | -webkit-background-size: | ||
| + | -moz-background-size: | ||
| + | -o-background-size: | ||
| + | background-size: | ||
| + | /* wird für Smartphones benötigt: */ | ||
| + | min-height: 100%; | ||
| + | } | ||
| + | </ | ||
