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中，我有handleInputChange = (value, target) => { const data = [...this.state.data]; data[target].header = value; this.setState( { data }, () => console.log('updated state', this.state.data) ); };水平地将图像居中在页面上，但顶部位置是可变的。

将此更改为background-position: center;，可让我在移动设备上看到背景图片。

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

感谢所有帮助过的人！

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

2 个答案: