Problem with background image in apk


#1

I’m my html page I have a ion-content with the class getstart, with a background image, placed in assets/img.
It works perfectly into the web browser, but wen I test the app with the apk, the background remains white.

I know that It’s a recurrent question, but all the answers that I found (in this forum or other sites) don’t work for me.

This is my scss code, placed inside app.scss

  .getstart{
    background: url('../assets/img/venice.jpg') no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;

  }

I tryied changing che image url like ‘/assets/img/venice.jpg’ , but nothing worked.

I’m really stuck :frowning:
Thank you in advance!


#2

try in html:

<img alt="logoID" src="assets/img/logoHighTrans.png">```

#3

why in html? I need to set the background with css…-


#4

You can set a div on that img tag with a class and then realise the changes in css…


#5

sorry but I don’t understand you advice. what changes? what div?


#6

For example…

<div class="logo">
     <img alt="logoImage" src="assets/img/logoHighTrans.png">
</div>

In css:

  .logo{
    padding: 5px 0;
    min-height: 200px;
    text-align: center;
  }

  .logo img{
    padding-top: 15px;
    max-width: 180px;

    animation:fade 3000ms infinite;
    -webkit-animation:fade 3000ms infinite;

  }

For example…


#7

Use Chrome’s remote debugging function. Once your apk is running, tunnel into your app using it. Then you can inspect the CSS and explore live adjustments. Whenever I have a pathing issue, that is typically how I resolve it.

Have you tried ‘./assets/img/venice.jpg’ ?


#8

I solves this, it was a silly mistake. I didn’t know that the apk it’s case sensitive. My image was a .JPG and in the url I write .jpg so the apk did not recognize any image.

Thank you for the help!