Ionic4：将图像大小作为背景图像 url 的封面答案

【问题标题】：Ionic4: give image-size as cover to background image urlIonic4：将图像大小作为背景图像 url 的封面
【发布时间】：2019-02-20 13:38:09
【问题描述】：

我想为 ion-toolbar 提供背景图像，因为图像太大，所以我想使用 image-size: cover 作为背景图像，以便它最适合 ion-toolbar。

我尝试提供以下格式，但它不起作用，不知道如何使它起作用。

ion-toolbar {
    --background: url(assets/images/background/bg-header-flag.jpg) no-repeat cover;
    --min-height: 200px;
}

【问题讨论】：

【解决方案1】：

挣扎了这么久终于得到答案

    --background: url('assets/images/background/bg-header-flag.jpg') center/ cover no-repeat;

下面是使用背景属性简写的语法。

background: bg-color bg-image position/bg-size bg-repeat bg-origin bg-clip bg-attachment initial|inherit;

【讨论】：

【解决方案2】：

Background-size 属性也可以参考以下链接：

【讨论】：