Background image not fully cover the page

[reshalem]

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

Fullscreen Background with Ionic

In Ionic 1 to add a fullscreen background image i did this $big-bg: '../img/bg.jpg'; //use the background image .scroll-bg { background: url($big-bg) no-repeat center center fixed; background-size: cover; } In ionic 2 this does not work? So bg-scroll is gone?

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

Anyone knows how to fix that ? thanks

[mhartington]

Can you share what styles you use?

[reshalem]

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.

[keithmichelson]

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