2017-07-07 47 views
0

我构建了一个简单的单页应用程序,它使用Cordova CameraPreview插件在顶部显示带有离子组件的Android相机。我遵循的教程使用下面的代码段来使背景透明,以便您可以看到相机。现在我正在尝试构建该教程,并且有一个透明的页面,但其余页面不应该是这样。如何在Ionic 2中将单页标签的SCSS设置为透明?

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

简单的问题是:如何将做出一个页面的HTML背景透明,而不是别人?

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

回答

1

在你SCSS页面(让我们假设你的页面名称是登录),

page-login{ 
    background: transparent !important; 
} 

这将工作。但是,如果您将某些内容包裹在内,则不会看到任何差异。在这种情况下,您需要给定义透明

.content-md{ 
    background: transparent !imporant; 
} 
相关问题