在css中，尝试：

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

    [add any more properties here]

  }

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

在

ion-view class="pane"

所有的东西都是渲染的...我没有尝试过，但我认为你可以管理这个与

.pane {
        background: url(image) no-repeat center center fixed; 
        -webkit-background-size: cover;
        -moz-background-size: cover;
        background-size: cover;
    }

确保图片路径的开头是“../”，一旦为设备构建了应用程序，这将使其指向资源文件夹中的正确图片路径。使用窗格方法似乎只会导致问题，这对我来说是最好的解决方案，当图片出现时，服务，但不是在我的Android设备上。

.scroll-content{
    background: url("../media/images/background.jpg") no-repeat center center fixed; 
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;

}

与Helmut的回答非常相似，Helmut使用“离子服务”工作，但当我推到Android时，给了我一个白色背景（在我的情况下，Nexus 7上是4.2.2）。
如果你想使背景全屏显示，pane类选择器是正确的，但是如果我设置了“background”值，android似乎只是使背景为白色。使用“background-image”可以使事情正确。
我发现下面的工作在Android和Chrome上（同时进行网络测试）。

.pane {
    background-image: url(image); 
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
}

在Ioinc-5中：创建类中的home-page. scss。

.class-name {
  --background: url("/assets/icon/background.jpg") 0 0/100% 100% no-repeat
 }

打开home-page.html并在ion-content中添加类。

<ion-content class="class-name">

由于文件夹结构最近在Ionic 2测试版中发生了变化...
您的图像应该位于类似于www/img/backgrounds/lake.png的路径中，并且附带的CSS应该显示为：

.myClassName {
    background: url(../../img/backgrounds/lake.png) no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
}

注：需要跳转2个目录，../../

离子4更改离子含量的背景颜色

此处说明源链接

ion-content{
--background: url(./assets/images/bg1.jpg);
--background-repeat: no-repeat;
--background-size: cover;  
}

尝试下面的代码来改变你的图片网址与不同的设备的完整背景。

ion-content {
    --background: none;
    background-image: url('https://cdn.wallpapersafari.com/19/81/zOUft6.jpg');
    background-position: center top;
    background-repeat: no-repeat;
    background-size: cover;
  }

下面的代码对我有效

--background: none;
  background-image: url('../../../assets/imgs/splash.png') ;
  background-position: center top;
  background-repeat: no-repeat;
 background-size: cover;