css - IOS Mobile 中的背景图像滚动

Question

我有这个网站。我也想要 IOS Mobile 中的静态背景。

http://www.mattvella.com/staging/reviews.php

背景图像在所有情况下都是静态和固定的但它在 IOS Mobile 中滚动。我什至没有ios，所以我不知道是什么情况。我尝试了很多解决方案，但似乎没有一个适合我。

任何帮助将不胜感激。谢谢。

Answer 1

您的正文 CSS 样式中存在一些错误，可能会产生一些影响。尝试将您的 body 样式更新为:

body {
    background-image: url(../media/images/mv-background.jpg);
    background-size: cover;
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    margin: 0 auto;
    overflow-y: auto;
    overflow-x: hidden;
    font-family: Columbia;
}

在您的媒体查询中，尝试更新您的样式以包括:

body {
    /* other properties here */
    background-attachment: fixed;
}