html - 如何更改导航栏的背景？

Question

我使用 ionic 3。如何在我的导航栏背景中放置图片？

<ion-tabs color="dark">
  <ion-tab [root]="tab1Root" tabTitle="Sp" tabIcon="ios"></ion-tab>
  <ion-tab [root]="tab2Root" tabTitle="Vs" tabIcon="ios"></ion-tab>
  <ion-tab [root]="tab3Root" tabTitle="Im" tabIcon="ios"></ion-tab>
  <ion-tab [root]="tab4Root" tabTitle="Alm" tabIcon="ios"></ion-tab>
  <ion-tab [root]="tab5Root" tabTitle="Sts" tabIcon="ios"></ion-tab>
</ion-tabs>

Answer 1

请尝试在您的屏幕中添加以下工作代码

<ion-header class="commonHeaderCls">
  <ion-navbar>
    <ion-title></ion-title>
  </ion-navbar>
</ion-header>

在你的CSS中添加以下代码
.commonHeaderCls .toolbar-background {
高度:100%；
背景:url(../assets/imgs/header_logo.png);
background-position: center 中心;
背景重复:不重复；
背景大小:自动 100%；
z-index: 5000;

[请注意，您必须使用自己的图片路径，而不是 header_logo.png]