イオン3イオンの半透明のオーバーレイを作成する

Question

私はイオン3の角度を使用して私のアプリを構築しています。だから、私はすべてのページにグローバルに背景イメージを持っています。

.app-bg{ 
    background-image: url('../assets/images/background.jpg'); 
    background-size: 100% 100%; 
    background-repeat: no-repeat; 
} 

これをイオンコンテンツに使用されるように：そのために私はapp.scss修正

<ion-content padding class="app-bg" > 

は今、一部のページに、私は実際の視認性を向上させるために半透明の層を必要と内容

どうすればいいですか？私は

<ion-content padding text-center class="app-bg" style="background-image: url('assets/images/overlay.png');display: block; 
    position: absolute; 
    left: 0; 
    top: 0; 
    width: 100%; 
    height: 100%; 
    z-index: 1; 
    background-color: hsla(0,0%,100%,0.70); 
    background-blend-mode: overlay; 
    background-repeat: no-repeat;"> 

のようないくつかのスタイルシートを別の背景を追加しようとしましたが、これは

Answer 1

はトリックを行う必要があります動作するように思われていません。

<ion-content 
..... 
    position: fixed; 
    padding: 0; 
    margin: 0; 
    top: 0; 
    left: 0; 
    width: 100vw; 
    height: 100vh; 
>