首页
学习
活动
专区
工具
TVP
发布
社区首页 >问答首页 >Ionic4:将图片大小作为封面提供给背景图片url

Ionic4:将图片大小作为封面提供给背景图片url
EN

Stack Overflow用户
提问于 2019-02-19 21:34:28
回答 2查看 81关注 0票数 1

我想给离子工具栏背景图像,因为图像变得太大,所以我想使用image-size: cover作为背景图像,以便它最适合离子工具栏。

我试着给下面的格式,但它不工作,任何想法如何让它工作。

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

回答 2

Stack Overflow用户

发布于 2019-02-20 04:42:50

经过这么长时间的努力,终于找到了答案

    --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;

有关更多详细信息,请查看https://www.w3schools.com/cssref/css3_pr_background.asp

票数 1
EN

Stack Overflow用户

发布于 2019-02-20 13:38:09

您还可以参考以下链接了解背景大小属性:

https://alligator.io/css/background-size-property/

票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/54767530

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档