html - 背景色改透明后卡住

Question

所以我正在使用插件 ( 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 并弹出 View 时，我的背景卡在透明状态。

如何在使用相机插件时让我的背景只透明？

以下是部分截图:

这张图片的背景是白色的 ^^ 正确

这张图片的背景是透明的^^正确 背景现在是透明的 ^^ 不正确

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

谢谢

Answer 1

为什么不在页面相机内使用透明部分？

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

所以它只影响那个页面。或者您必须在您的 home.component(如果有)中设置 background-color:initial。