Can't set <v-ons-page style='background-Color transparent;'> (solved)

nipun.kr

Hi,

I am trying to use ezar camera plugin to take photos.

On a page I am trying to put **transparent **to the background color of ons-page

I am trying to use the quick start example of Ezar plugin which is

//This is not changing the background color to transparent and I can see the white background
<v-ons-page style="background-color: transparent">  </v-ons-page>

//This is in the mounted section 
ezar.initializeVideoOverlay( 
  function(){ ezar.getBackCamera().start() }
)

I need to use v-ons-page because I am loading it from other page. I am sure camera api is working properly as getBackCamera().start() is calling the success callback.

Kindly help me with clearing this white background to transparent.

Fran Diox

@nipun.kr You can provide <div class="background"></div> element inside the page and style that instead. More info here.

nipun.kr

@Fran-Diox Thank you for pointing me in the right direction. I can correctly set background now.

Keep up the good work.