背景设为透明时，引发的bug

Question

请问我在做二维码扫描功能时，扫描后返回上一级页面时，整个app的背景就全部是黑色的了，我知道这是在全局设置了背景透明的效果，因为在ts里面加了window.document.querySelector(‘body’).classList.add(‘transparent-body’);，transparent-body类和老师一样写在app.scss里面,但我的需求是只在扫描二维码的页面设置背景透明，我在scan页面的scss里写了样式，和老师一样，但是如果我把设置背景透明的样式写在page-scan那个标签里面，根本就不起作用，写在page-scan标签外面的话，上一级页面的背景同样会改变。请问我怎样才能让只有scan页面的背景透明其他的不变。老师的写法，我有一个地方也有疑惑，就是将
html,
body,
ion-app,
ion-content,
ion-page,
.nav-decor {
background-color: transparent !important;
}
写在page-scan{}里面，按scss的语法来说不就是等于html的标签是page-scan标签的子元素了，可是html是在page-scan外面啊，这个我不是很明白

Answer 1

提问者 cds1998 2019-02-23 18:49:43

退出页面的时候，我的摄像头是关了的，不管的话上一级页面的背景就是摄像的状态了，但是我现在关了摄像头之后，本来我的背景是白色的，现在变成灰色的了，我估计是因为设置背景透明的样式影响到父页面了