将其更改为透明后,背景颜色会卡住

时间:2017-11-13 02:11:18

标签: html css cordova ionic-framework ionic2

所以我使用插件(https://github.com/cordova-plugin-camera-preview/cordova-plugin-camera-preview)或(https://ionicframework.com/docs/native/camera-preview/)并显示它,我必须将背景颜色设置为透明,就像在camera.scss中一样:

    page-camera {

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

但我遇到的一个问题是,当我关闭cameraPreview并弹出视图时,我的背景会变得透明。

当我使用相机插件时,如何让我的背景透明?

以下是一些截图: Background is white here

此图像中的背景为白色^^正确 enter image description here

背景在此图像中是透明的^^正确 enter image description here 背景是透明的^^不正确

我在应用程序中没有使用其他css,那么如何才能在一个摄像头屏幕上更改背景颜色?

由于

1 个答案:

答案 0 :(得分:1)

为什么不在相机内使用透明部件?

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

因此它仅对该页面有效。或者你必须在home.component中设置 background-color:initial (如果有的话)。