In my Ionic 2 application, I am attempting to set a background image on a page.
The view includes slides, but I want the background image to remain fixed behind them.
It's almost there, but there is a noticeable black line at the top that the background doesn't seem to cover.
In my Page.scss file:
.page-onboarding {
.onboardingcontent, .onboardingcontent.content-md {
// background-color: black;
background-color: black !important;
color: white;
}
.onboardingcontent::after {
content:"";
top: 0;
left: 0;
bottom: 0;
right: 0;
position: absolute;
background-image: url(../img/LouisRomainSpeed.jpg);
background-repeat: no-repeat;
background-size: cover;
background-position: center;
opacity: 0.3;
// z-index: 1;
}