CSS 定义的背景图像未出现在某些页面上

Question

我正在创建一个网站，我在css中定义我的背景图像。

这是我的CSS代码。

body 
{ 
    background-image: url('../background_image.jpg');
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-position: center;
}

这适用于我的所有页面。它适用于所有桌面页面，但在移动设备上，它仅适用于索引页面。我使用头部底部的以下内容将页面链接到 css 文件

    <link rel="stylesheet" type="text/css" href="css/general.css">

所有页面文件都可以正确引用图像，因为一切都可以在桌面上工作。我听说过 android 系统中的一个错误，但由于它可以在移动设备的索引页面上工作，我认为不是这样。

提前谢谢。

Answer 1

使用以下

格式：

background-image: url('http://example.com/folder/background_image.jpg');

Answer 2

原来背景图片在移动设备上被"向下推"页面。

在我的 css 中，我有background-position: center;将图像水平居中在页面上，但顶部位置是可变的。

将其更改为background-position: center top;使我可以在移动设备上看到背景图像。

我最终将其更改为background-position: center -200px;以获得所需的定位。

感谢所有帮助过的人！