Question

我为我的女朋友23岁生日制作了一个网站，她主要是在手机上观看。背景图像是固定的（在桌面上没有问题）但在移动设备上，图像在底部略微滚动，但在滚动后自动调整。（附录视频：https://youtu.be/wKnxYXEy0mg）

下面的CSS：

body {
   background-image:url(Gold2.jpg);
   display: block;
   background-color: gold;
   background-repeat: no-repeat;
   background-size: cover;
   background-attachment: fixed;
   background-position: center;
   min-height: 500px;
}

Answer 1

这不是背景移动，它的Chrome地址栏消失了。这种行为是正常的，尝试在不同的浏览器上的网站。

Answer 2

您是否已尝试使用jQuery强制执行此操作？ jQuery使添加和删除类以及向它们添加css变得非常容易。您可以创建一个if语句，手动将此背景的css规则添加到该部分。我考虑的另一个选项是在这种情况下为你需要的所有内容添加新类，并为z-index提供高于1的所有内容（只是为了确保所有内容都正确地显示在chrome browsers mobile app中）。这只是猜测我会在你的情况下意识到虽然我到目前为止还不知道这种行为。希望我帮助你解决问题......：^）

移动固定图像背景css，图像滚动

2 个答案: