Я нашел отличное решение для фиксированных фонов на мобильных устройствах, не требующих вообще никакого JavaScript.
body:before {
content: "";
display: block;
position: fixed;
left: 0;
top: 0;
width: 100%;
height: 100%;
z-index: -10;
background: url(photos/2452.jpg) no-repeat center center;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}
Обратите внимание на отрицательное значение z-index
для -10
. html
по умолчанию для корневого элемента z-index
есть 0
. Это значение должно быть наименьшим z-index
, чтобы иметь его как фон.