uni-popup遮罩可设mask="false"关闭，自定义遮罩需用background: transparent!important清除背景；nvue中css背景无效，须通过subnvue配置透明背景；去遮罩后防点击穿透需加pointer-events:auto的透明层。
直接删掉遮罩层元素，或者把 background 设为透明，是最简单有效的做法；但要注意：uni-app 的弹出层（如 uni-popup、自定义 .modal-mask）中，遮罩是否可删、能否透明、是否影响点击穿透，取决于你用的是 Vue 页面还是 nvue 页面，以及是否启用了原生渲染。
uni-popup 组件的遮罩怎么关掉
uni-popup 默认自带遮罩，但提供 mask 属性控制显隐。设为 false 即可完全移除遮罩层：
<uni-popup ref="popup" :mask="false"><view>弹窗内容</view></uni-popup>
注意：:mask="false" 必须是布尔值，写成 mask="false"（字符串）无效；同时该设置不影响弹窗本体的 z-index 或定位逻辑。
- 如果还残留灰色半透明背景，检查是否在父容器或弹窗内部样式里写了
background: rgba(0,0,0,.5)类似规则 - 开启
:mask="false"后，遮罩层 DOM 节点不会被渲染，所以无需额外隐藏 - 关闭遮罩后，底层页面默认可滚动、可点击——若需禁用交互，得手动加
pointer-events: none到 body 或容器上
自定义弹窗遮罩层 background 怎么清空
常见写法是用一个 .modal-mask 元素作为遮罩，它的灰色背景来自 background 样式。要“去除灰色”，不是删元素，而是改样式：
.modal-mask {
background: transparent !important;
/* 或者更彻底： */
background: none !important;
}
关键点：
- 必须加
!important，因为 uni-app 内置组件或 uView 等 UI 库常带内联样式或高权重类名 - 仅设
opacity: 0不行——它只是让遮罩“看不见”，但 DOM 仍在，仍会拦截点击和 touch 事件 - 如果用了
position: fixed+top:0，记得同步确认它没意外盖住 tabbar 或 header（尤其在 App 端）
nvue 页面里遮罩 background 不生效？
nvue 渲染下，CSS 的 background 对 cover-view 或原生子窗体（subNVue）不适用。如果你在 nvue 页面里写了 .mask { background: transparent } 却没效果，大概率是因为：
- 你实际用的是
cover-view—— 它在 nvue 中**完全不支持**，写进去等于没写，也不会报错 - 你试图给 subNVue 配置背景色，但 subNVue 的背景只能通过
style.background在pages.json的subNVues配置项里指定，例如："background":"transparent" - nvue 页面中所有遮罩都应由原生层实现，CSS 无法控制；若需透明遮罩，应在创建 subNVue 时传入透明背景参数，而非写 CSS
去掉遮罩后点击穿透怎么防
删了遮罩或设为透明，底层页面就恢复响应——这在某些场景下是 bug。比如弹窗开着，用户误点到下面按钮触发了其他操作。解决方法不是加回灰色，而是加一层“不可见但可拦截”的空遮罩：
.modal-mask-invisible {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: transparent;
pointer-events: auto;
}
这个元素不显色、不遮挡视觉，但能挡住点击和滑动事件。需要它时就保留 DOM，不需要时再移除。
最易被忽略的一点：nvue 页面中，哪怕只留一个空 view 做遮罩，也得确保它在 subNVue 里正确创建并设置了 zIndex，否则 iOS 和 Android 表现可能完全不同。
