I've a very weird behavior right there.

The lightning component is basically a div with a background image using inline CSS (as the dynamic image URL is fetched from database using soql) :

<div class="sc-card__image-container" style="{! 'background: linear-gradient(to bottom, transparent, #000000b8), url(' + v.thumbnail + ') no-repeat center;background-size: cover'}">


When i test from Salesforce Desktop or & Mobile device simulator using Chrome, the lightning component is perfectly showing with the background image.

But from Salesforce1 app on Android, the background image does not show at all... Do you have any idea what's wrong? Does it come from using inline CSS? If yes, how could i do this in a proper way? Any help would be appreciated! ​​​​​​​ Thank you

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service, privacy policy and cookie policy

Browse other questions tagged or ask your own question.