Background image not fully cover the page


#1

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


#2

Can you share what styles you use?


#3

I use this code in .scss file

.centro {
background: url(http://lorempixel.com/400/200/sports/1/) 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.


#4

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