Images not loading in mobile

Ionic Framework ionic-v3
21

Thanks!!! :smiley: :smiley: :smiley: :smiley: :smiley:

22

my case is duplicate .png. The file double .png extend like this. file.png.png . Just remove one and it will work!
Thanks god!

24

Delete dist folder and re-compile.

25

Hi,

I am facing same issue with ionic 5.
my .scss file :
.bg-image{
–background: url(’/assets/img/bg2.png’) repeat center center fixed ;
–background-size: cover;
}
.no-scroll .scroll-content {
overflow: hidden;
}
html :

I have tried different path combinations suggested in discussion. none of them works !
Please help, thanks in advance.
-Vanisree

26

hi,

did you manage to fix the issue ?

27

.bg-image{
–background: url(/assets/bg.png) no-repeat center center fixed ;
background: url(/assets/bg.png) no-repeat center center fixed ;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size:cover;
}
this worked for me. No idea why is background and --background needed :slightly_smiling_face:

1 Like
28

Thanks, this worked for me too.

1 Like
29

after too much searched result…
finallly it worked with your isea.
thank you so much