离子全屏背景图片

Question

我是 Ionic 框架的新手，我正在尝试使用这样的全屏背景图像启动应用程序：

我确实设法删除了教程中显示的状态栏。但是如何添加全屏图像？当我将此添加到 style.css 时，它没有反应：

 html, body{
  background-image: black;
}

原文由 Sinan Samet 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 1

在你的 CSS 中，尝试：

   .scroll-content {
    background: url(image) [add image position info here];

    [add any more properties here]

  }

这将为完整内容区域设置背景。

原文由 Mr MT 发布，翻译遵循 CC BY-SA 3.0 许可协议

Answer 2

在

离子视图类=“窗格”

所有的东西都被渲染了……我没有尝试过，但我想你可以用

    .窗格{
        background: url(image) no-repeat center center fixed;
        -webkit-背景大小：覆盖；
        -moz-背景大小：封面；
        背景尺寸：封面；
    }

原文由 Helmut 发布，翻译遵循 CC BY-SA 3.0 许可协议