背景圖像不是離子2應用程序中的離子列表視圖

Question

我想在離子2應用程序中設置背景圖像，但背景圖像未設置在列表後面。有沒有辦法讓圖像覆蓋整個屏幕和列表視圖？

截圖：

我的代碼：

.backgound-image { 
 
    background-image: url('../img/Grammar.jpg'); 
 
    width: 100%; 
 
    background-size: 100% 100%; 
 
    background-repeat: no-repeat; 
 
    background-position: center center;

<ion-content class="backgound-image"> 
 
    
 
    <ion-title></ion-title> 
 
    <ion-list> 
 
    <ion-item>  
 
    <ion-label floating>Username</ion-label> 
 
    <ion-input type="text"></ion-input> 
 
    </ion-item> 
 
    <ion-item> 
 
    <ion-label floating>Password</ion-label> 
 
    <ion-input type="password"></ion-input> 
 
    </ion-item> 
 
    <br> 
 
    <ion-item style="text-align:center;"> 
 
    
 
    <button style="border-radius: 0px!Important; width: 70%!Important;" ion-button color="primary" (click)="dashboardPage()">Login</button><br><br> 
 
    <p style="text-align: center;color: blue;">Forgot password?</p><hr> 
 
<p style="text-align: center; display: inline ">not a member? </p><p style="text-align: center;color: blue; display: inline"> Sign up here</p> 
 
    </ion-item> 
 
    </ion-list> 
 
    
 
    <div class="hr-sect">Or Login with</div> 
 
    
 
    <ion-grid> 
 
    <ion-row> 
 
    <button style="border-radius: 0px!Important; width: 70%!Important; margin-left: 15%;" ion-button block color="danger">Google+</button> 
 
    </ion-row> 
 
    <ion-row> 
 
    <button style="border-radius: 0px!Important; width: 70%!Important; margin-left: 15%;" ion-button block color="button">facebook</button> 
 
    </ion-row> 
 
    </ion-grid> 
 
    
 
    
 
    <ion-footer style="margin:0rem 0rem!Important;"> 
 
    <button ion-button block color="Dark" (click)="pushPage()">Explore</button> 
 
    </ion-footer> 
 
</ion-content>

Answer 1

由於得到了答案。

ion-item{ 
 
    background: transparent !important; 
 
}

Answer 2

設置背景大小財產保險象下面這樣：

.backgound-image { 
 
    background-image: url('../img/Grammar.jpg'); 
 
    width: 100%; 
 
    background-size: cover; 
 
    background-repeat: no-repeat; 
 
    background-position: center center; 
 
}