如何在移动设备中制作背景图片是固定的还是静态的？

Question

我似乎无法修复移动设备中的背景。 我尝试了以下方法：

.customBackground{ 
background-image:url('planwallpaper.com/static/images/3d-balls-hd-wallpaper.j‌​pg') !important; 
background-size:cover !important; 
background-repeat:no-repeat !important; 
background-attachment:fixed !important; 
}

顺便说一下......我正在使用一个平台......被叫......杜鹃..它是一个多屏幕平台......我想知道..这就是为什么背景附件：固定！重要;不适用于手机和平板电脑。 但它没有帮助。 我错过了什么？

Answer 1

不完全确定您的代码中发生了什么，所以这是一个通用的解决方案：

如果你在元素上设置背景，如：

body {
  background:url('../images/img.jpg');
}

然后，您可以使用媒体查询仅在特定屏幕分辨率（即移动设备）上为您的元素设置background-attachment: fixed;，如下所示：

@media only screen and (max-width:768px){
  body{
    background-attachment: fixed;
  }
}

如果您想了解有关媒体查询的更多信息，可以查看MDN's page on it。

我希望这会有所帮助。如果你可以发布你的代码，它将使我们更容易提供帮助，因为我们将能够确切地看到发生了什么。