Ausfüllendes Hintergrundbild
Ohne Javascript, nur CSS
Bild ist 1600x1200px und 320kb groß und sitzt im CSS des Body
50% 50% fixed; background-size:cover;
Ganzes Bild:
Vorteile:
- Keine Abhängigkeiten
- Bild füllt Hintergrund immer aus
- fixed: Bild scrollt nicht mit(nur Desktop)
Nachteile:
- Mobile Geräte unterbinden fixed background!!! Da scrollt er mit :-(
- Es wird "fast" immer irgendwo was abgeschnitten
- Das Bild wird irgendwann über seine Originalgröße vergrößert.
- Evtl. muss die Position des Bilds je nach Screenbreite korrigiert werden. Wie hier bei < 900px