html - ionic4 背景图像/颜色不显示

Question

我正在尝试设置背景图像或背景颜色，但它没有出现 背景图像 - url 上有错误 背景颜色 - 没有出现错误，但也没有出现背景...

scss:

:host{
    ion-content.bg-image{
        background: url('assets/homebackround.jpg') no-repeat 100% 100%;
    }
}

html:

<ion-header>
  <ion-toolbar>
    <ion-title>
      ionic4
    </ion-title>
  </ion-toolbar>
</ion-header>

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

标签： htmlcssangularionic4

Answer 1

您可以直接使用 Ionic4 提供的 css 属性，下面是如何使用它。

ion-content{
    --background: url('assets/homebackround.jpg') no-repeat 100% 100%;
}

这是stackblitz中的运行代码