如何在 Ionic 2 中将单个页面标签的 CSS 设置为透明？

Question

我构建了一个简单的单页应用程序，它使用 Cordova CameraPreview 插件来显示顶部带有 Ionic 组件的 Android 相机。我遵循的教程使用以下代码段使背景透明，以便您可以看到相机。现在我正在尝试在该教程的基础上构建一个透明的页面，但其余页面不应该是。

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

简单的问题是：如何让一个页面的 HTML 背景透明，而其他页面不透明？

这可能很简单，但我是 Ionic 的新手。

Answer 1

在您的 scss 页面中（假设您的页面名称是 login），

page-login{
    background: transparent !important;
}

这会奏效。但是，如果您将一些内容包裹在 .在这种情况下，你需要给定义透明的

.content-md{
    background: transparent !imporant;
}