ionic 4 - установить фоновое изображение для полной страницы

Question

Я пытаюсь установить фоновое изображение для полной страницы с footer содержимым

<ion-content class='background' fullscreen>
</ion-content>
<ion-footer no-border>
    <ion-row>
        <ion-col><ion-button size="large" fill='outline' expand="block" color="primary" (click)="goSearch()">English</ion-button></ion-col>
        <ion-col><ion-button size="large" fill='outline' expand="block" color="secondary" (click)="goSearch()">العربية</ion-button></ion-col>
    </ion-row>
</ion-footer>

Выше код не устанавливает фоновое изображение на полную страницу и отображает страницу как,

Я попытался установить прозрачность ионного ряда, и он не работает должным образом.

ion-row {
  --background: transparent;
  --ion-color-base: transparent !important;
}

Но если я удалю или в нижний колонтитул, онработает как положено.

<ion-footer no-border>
    <ion-button size="large" fill='outline' expand="block" color="primary" (click)="goSearch()">English</ion-button>
    <ion-button size="large" fill='outline' expand="block" color="secondary" (click)="goSearch()">العربية</ion-button>
</ion-footer>

Поскольку необходимо добавить еще несколько элементов управления, есть ли способ сделать элементы в нижнем колонтитуле прозрачными?

Версия:

"dependencies": {
    "@angular/common": "^7.2.2",
    "@angular/core": "^7.2.2",
    "@ionic-native/core": "^5.0.0",
    "@ionic/angular": "^4.1.0",
}

Спасибо.