Fixierter Hintergrund für mobile Browser

Mobile Browser für Android (getestet mit Chrome und dem Dolphin Browser) haben Komplikationen mit der Darstellung von fixierten Hintergründen (background-attachment: fixed;). In der Regel wird diese Eigenschaft von den mobilen Browsern vollständig ingnoriert. Glücklicherweise gibt es ein simples Work-Around:

html, body {
    height: 100%;
}
html {
    overflow-y: hidden;
}
body {
    overflow-y: auto;
    background-color: #000000;
    background-image: url("img.png");
}

Durch die explizite Deklaration der overflow-y-Eigenschaft, verhält sich der fixierte Hintergrund wie gewünscht.

Schreibe einen Kommentar