背景图片未显示Ionic 4

Question

最近我从Ionic v3切换到了v4。 在v3中，添加背景图片较为容易，但在v4中则无法使用。

:host {
  .background-image {
    background: url('../assets/imgs/carp.jpg') no-repeat 100% 100%;
  }
}

<ion-content class="background-image" no-scroll padding>

</ion-content>

并给出了图片网址错误

Answer 1

您是否尝试过--background？

Answer 2

资产目录路径错误。试试

:host {
  .background-image {
    background: url('assets/imgs/carp.jpg') no-repeat 100% 100%;
  }
}

Answer 3

向Ionic论坛提出问题后，我找到了解决方案，问题是路径不正确.Ionic 4具有添加背景图像的不同方法，这里是解决方案：

:host {
  .background-image {
    --background: url('../../assets/gifs/nature.gif') 0 0/100% 100% no-repeat ;
  }
}