Background image not fully cover the page


Hey, i use background image for a page and i follow this solution from mharrington

this is what i get when i run the app with ionic serve --lab

Anyone knows how to fix that ? thanks


Can you share what styles you use?


I use this code in .scss file

.centro {
background: url( no-repeat center center fixed;
background-size: cover;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;

centro is the name of ion-content class.


Very helpful, mine didn’t work until I put in all the background-size tags.