2017-11-13 17 views
0

So änderte ich bin mit einem Plugin (https://github.com/cordova-plugin-camera-preview/cordova-plugin-camera-preview) oder (https://ionicframework.com/docs/native/camera-preview/) und für sie gezeigt werden, habe ich die Hintergrundfarbe transparent setzen wie so in camera.scss:Hintergrundfarbe geklebt wird, nachdem es auf transparente

page-camera { 
 

 
} 
 
html, body, ion-app, ion-content, ion-page, .nav-decor{ 
 
    background-color: transparent !important; 
 
}

Aber ein Problem, das ich habe ist, dass, wenn ich die cameraPreview schließen und Pop der Ansicht, mein Hintergrund als transparent steckt.

Wie kann ich meinen Hintergrund nur transparent machen, wenn ich das Kamera-Plugin verwende?

Hier sind einige Screenshots: Background is white here

Hintergrund ist in diesem Bild weiß ^^ enter image description here

Hintergrund korrigiert in diesem Bild transparent ist ^^ enter image description here Hintergrund korrigiert jetzt transparent ist ^^ falschen

Ich habe kein anderes css in der App verwendet, also wie kann ich die Hintergrundfarbe nur auf dem einen Kamerabildschirm ändern?

Dank

+0

können Sie 'Hintergrund-Farbe: rgba (255,255,255,0.0);' ich Sache, es funktioniert. –

Antwort

1

Warum Sie Ihre transparenten Teil nicht innerhalb der Seite-Kamera verwenden?

page-camera { 
    html, body, ion-app, ion-content, ion-page, .nav-decor{ 
     background-color: transparent !important; 
    } 
} 

Also nur Auswirkungen auf diese Seite nur. Oder Sie müssen die Hintergrundfarbe: initial in Ihrer home.component (Wenn es welche gibt).

Verwandte Themen