画面を透明にするにはどうすればいいですか？

Question

ショーは（）現在のページが透明のビューに移動する必要がありクリックすると、唯一の私のスピナーは現在、私ができる表示し、隠すことができ

<button (click)="show()">show</button> 
<button (click)="hide()">hide</button> 
<div class="container" *ngIf="isBusy"> 
    <div class="backdrop"></div> 
    <ion-spinner name="bubbles" color="primary"></ion-spinner> 
</div> 

を強調しなければならないとき、私は私のアプリにスピナーを追加しようとしていますスピナー、私は必要なのスピナーが表示されたときに、私のビュー内のすべてのコンテンツは、透過モードのみスピナーに移動しなければならないですが他のコンテンツ

Answer 1

ようにそれを行うことができますあなたのコンテンツをいくつかのラッパーdivに入れてください。

.nonclickable { 
    opacity: .3; 
    pointer-events: none; 
    cursor: not-allowed; 
} 

Answer 2

ではなく、表示されなければならないあなたは、あなたの時間を仮定すると、この

<div *ngIf="!isBusy"> 
    //content 
</div> 
<div class="container" *ngIf="isBusy"> 
    <div class="backdrop"></div> 
    <ion-spinner name="bubbles" color="primary"></ion-spinner> 
</div>