固定背景在 Android 没有更新

Question

我在这里发现了一个类似的问题，但没有答案，但我找不到替代方案作为解决方案。

我有以下代码，它在 Mac 和 Windows 上完美运行，但我无法弄清楚为什么在 Android（Chrome 或 Firefox ) 当用户向下滚动时背景不会更新，它会在向下滚动时在底部产生大约 1/5 屏幕的 space。释放触摸后背景图像会更新。

html{
  background-image:url(example.jpg);
  background-position:fixed;
  background-size:100% 100%;
}

Answer 1

为您的 html 和 body 指定高度，即

html     {
    width: 100%;
    height: 100%;
}

和

body    {
    height: 100%;
    min-height: 100%;
    width: 100%;
    padding: 0;
    margin: 0;
}

并添加一个 div 将所有内容包裹在 body 中，即

<body>
    <div id="wrapmeup">
      ....your content....
    </div>
</body>

最后将此添加到您的 css:

#wrapmeup {
    height: 100%;
    width: 100%;
    background-image: url(image/background.jpg);
    background-attachment: fixed;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
}

固定背景在 Android 没有更新

Fixed background doesn't get updated on Android

html

css

background