Фиксированный фон для Safari браузера

Мобильный Safari не поддерживает это свойство из-за проблем с производительностью. Без JS для мобильных Safari делал решение на основе position: fixed;. То есть, вместо:

body {
    background: url("../images/bg.jpg") no-repeat 50% / cover fixed;
}

Делаем:

body:before {
    background: url("../images/bg.jpg") no-repeat 50% / cover;
    content: '';
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    position: fixed;
    z-index: -1;
}

Подробности в этой статье: https://habrahabr.ru/post/282079/