Ionic 4, dynamic background images

@TaimoorMughal wrote:

I have been trying to add multiple background images in ionic 4 project. For static images i have creates the styles but for dynamic images is giving error in styles.

     <ion-content style = "--background: url('https://restcountries.eu/data/pak.svg') 0 0/100% 50% no-repeat, 
                                   url('https://restcountries.eu/data/pak.svg') 0 100%/100% 50% no-repeat">  

                               ...............Some Code........................... 

        </ion-content>

Currently its giving me 2 images on background. For dynamic i’m trying:

<ion-content style = "--background: url('{{flag1}}') 0 0/100% 50% no-repeat, 
                                   url('{{flag2}}') 0 100%/100% 50% no-repeat">  

                               ...............Some Code........................... 

        </ion-content>

But images are not being displayed. Can anybody help me in doing this. Thank you

Posts: 1

Participants: 1

Read full topic