Я заметил что-то странное в моем ионном приложении и не смог найти решения для него.
Это мой css:
ion-content {
margin-top: 50px;
--background: url(/assets/img/banners/bus.jpg) fixed 0 0/cover !important;
background: url(/assets/img/banners/bus.jpg) fixed 0 0/cover !important;
min-height: 800px;
}
Это мой jsx:
render() {
return [
<ion-content>
<ion-grid>
<ion-row>
<ion-col class="text">
<ion-text color="light">
<h1 class="font-light animated slideInLeft">
BUS <strong class="font-black">SCHEDULES</strong>
<br /><small><ion-text id="company"></ion-text> • <ion-text id="route"></ion-text> • <ion-text id="date"></ion-text></small>
</h1>
</ion-text>
</ion-col>
</ion-row>
<ion-row class="schedules">
</ion-row>
</ion-grid>
</ion-content>
]
}
При переходе на эту страницу фоновое изображение не загружается:
Однако при обновлении страницы изображение загружается.Так что для ясности, когда я перехожу на страницу в моем приложении, фоновое изображение не отображается, однако, когда я обновляю страницу, оно показывает.
Я не использую угловой или какой-либо другой каркас.