ионный 3 ящика полупрозрачный

Question

Можно ли как-нибудь сделать навигационную панель полупрозрачной, как показано ниже?

Я пытался установить непрозрачность содержания ионов на 0,5

<ion-content class="menuDark">
    <ion-list>
      <button menuClose ion-item *ngFor="let p of pages" (click)="openPage(p)">
        {{p.title}}
      </button>
    </ion-list>
  </ion-content>


.menuDark{
        background: rgba(36, 36, 36, 0.5);
    }

, но это не работает.

Answer 1

положить

.menu-inner{
    opacity: 0.8;
}

в вашем app.scss