離子全尺寸背景

Question

我試圖給我的應用一個完整大小的背景。但是我不知道該把它放在哪裏，因爲無論我放置圖像的位置，導航欄都沒有背景。

所以我試圖用<div>來包圍我的離子成分和我的離子註腳，並希望給它一個背景級別。但在這種情況下，我什麼也看不到屏幕上的任何東西。現在我的背景只在離子內容中，而頁腳仍然是空的。我該如何改變它？

我的代碼：

<ion-content class="bg-image" padding> 
</ion-content> 
<ion-footer> 
    <ion-toolbar> 

    </ion-toolbar> 
</ion-footer> 

Answer 1

就像你可以看到in the docs，您需要將fullscreen屬性添加到ion-content：

<ion-content fullscreen="true"> 
    <!-- ... --> 
</ion-content> 

如果爲true，內容將滾動在頁眉和頁腳後面。通過將工具欄設置爲透明可以很容易地看到這種效果。