没有在设备上显示的离子背景图像

Question

我.auth-pane在Ionic应用程序的页面上设置了一个自定义类,以便使用自定义背景设置它.

背景的CSS是......

.auth-pane {
  background-image: url("../img/auth-background.jpeg");
  background-position: center;
  background-repeat: no-repeat;
}

应用于 <ion-view view-title="Auth" class="auth-pane">

一切都在Chrome(使用ionic serve)中运行良好,但是当我在设备上构建和运行时,我看到的只是纯白色背景.

我已经尝试将背景图像的路径调整为, img/auth-background.jpeg并且/img/auth-background.jpeg两者都没有任何区别(尽管绝对路径在Chrome中也有效).

没有错误(404等)被抛出与图像文件相关,因此似乎找到了文件.

Answer 1

尝试一下,它对我的​​Ionic项目非常有用:

.auth-pane {
    background: url(../img/auth-background.jpeg) no-repeat center center fixed; 
    -webkit-background-size: 100%;
    -moz-background-size: 100%;
    background-size: 100%;
}