Dabei seit: 24.06.2013 Ort: - Alter: 49 Geschlecht:
Verfasst Mi 20.07.2016 16:11 Titel
Hintergrund background-image: cover
Hallo zusammen!
Ich habe das Problem, dass sich der Befehl background-image: cover für das Hintergrundbild einer Internetseite leider nicht korrekt verhält. In meiner Desktop-Ansicht verhält er sich wie gewünscht und füllt die komplette Seite aus, im Portrait-Modus auf dem Smartphone allerdings wird das Hintergrundbild wie background-image: contain angezeigt.
Code:
body {
background-image: url(TLD/images/background-image.jpg);
background-size: cover;
background-attachment: fixed;
}
Dabei seit: 10.08.2005 Ort: Von Kowelenz bis Kölle Alter: 39 Geschlecht:
Verfasst Fr 22.07.2016 17:28 Titel
Unter iOS wird beim Scrollen nicht direkt ein Repaint ausgelöst. Das bedeutet, dass die Kombination von backgound-size:cover und background-attachment: fixed sich hier nicht wie gewohnt verhält (zweiteres wird ignoriert). Lösung wäre je nach Anwendungsfall entweder auf background-attachement: scroll zu stellen oder z.B. das Hintergrundbild auf ein Element zu setzen, das auf position: fixed steht (was je nach iOS Version auch Probleme machen kann). Ich würde es in mobilen Viewports ganz weglassen.
Du kannst keine Beiträge in dieses Forum schreiben. Du kannst auf Beiträge in diesem Forum nicht antworten. Du kannst an Umfragen in diesem Forum nicht mitmachen.
Mediengestalter.info ist ein Projekt von Webformatik:: Forensoftware: phpBB