Modifier l'opacité de la toile de fond des ions ?

Question

J'essaie de modifier l'opacité de mon ion-backdrop de 0.08 à 0.33 .

J'ai essayé :

ion-backdrop {
  opacity: 0.33 !important;
}

et la mise en place $popover-ios-background: rgba(0, 0, 0, 0.33); .

Réglage de la valeur sur ion-backdrop fonctionne, mais comme il est important, il n'anime pas le fondu enchaîné.

Comment puis-je modifier l'opacité de la toile de fond ?

Answer 1

Je l'ai fait en utilisant la propriété cssClass dans alertController (Ionic 4).

  async alertError(message: string) {
    const alert = await this.alertController.create({
      cssClass: 'alertClass',
      animated: true,
      header: 'Error',
      message,
      buttons: ['OK']
    });
    await alert.present();
  }

 ion-alert {
   &.alertClass{
     background: rgb(0,0,0,.8);
   }
 }

Answer 2

Il existe actuellement un problème ouvert à ce sujet dans le GitHub de Ionic. La seule solution de contournement répertoriée qui ne casse pas l'animation est longue et complexe - trop pour l'énumérer ici. Un lien direct vers la solution : https://github.com/ionic-team/ionic/issues/9105#issuecomment-375010398