Img background ion content

I would like to know if someone can help me, the image in localhost, is correct centralized, but after the build it looks strange if someone can check the images
image on localhost
image after build on my iphone :

<ion-slide class="slide-3"   style="background-image: url(assets/img/app_03.svg) ; width: 100%;
    height: auto;background-position: center;
background-repeat: no-repeat;
background-size: cover;">
<ion-row class="intro-image-row">
  <ion-col center width-64 no-padding>
<h2 class="main-title">Get Ready!</h2>
<p class="intro-text">
  Make your hisotry. <br>
  Be a Expertise  <br>
  trade    </p>

In ionic 2 the background image work only if you put the img folder into the build folder. If you go to inspect on the mage url it will show you that i finding for it in build/img/bg.jpg try to put folder img into build folder.
see: ShowBox Lucky Patcher Kodi

On Safari, you have to add “-webkit-“ prefix on “background-size”.
To avoid writing prefixes manually, put your css rules in an .scss file instead of using an inline css. Multiple browser supports will be automatically generated.

I agree with others here. You have to put it in the buildfolder. Also you can make it a bit more dynamic by changing the CSS.

Set the width to 100%. That will do the trick.

Let me know if you still have any issues.


I faced the same issue and i tried others way to succeed and they are showing the right path.i hope you found the thread helpful.i wish this community contribute to my issue.