ionic4背景图片/颜色未显示

时间:2019-02-12 17:40:26

标签: html css angular ionic4

我正在尝试设置背景图片或背景颜色,但它没有出现 背景图片-网址错误 背景颜色-没有错误出现,但也没有背景出现...

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>

the result

1 个答案:

答案 0 :(得分:1)

您可以直接使用Ionic4和 这是使用方法。

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

此处正在stackblitz

中运行代码