uni-app全屏弹窗盖不住原生导航栏和tabbar是因为渲染层级隔离：小程序需用cover-view，App端应使用透明页面，H5可用z-index，跨平台必须分路径实现。
uni-app 全屏弹窗为什么盖不住原生导航栏和 tabbar
因为原生导航栏（navigationStyle: "default"）和 tabbar 是系统级渲染层，普通 view 或 popup 组件在 WebView 内部绘制，天然低于原生控件层级。哪怕你把 z-index 设成 999999，也无效——这不是 CSS 层级问题，是渲染容器隔离问题。
小程序端必须用 cover-view 覆盖 canvas / tabbar
微信/支付宝等小程序中，只有 cover-view 和 cover-image 能突破 WebView 限制、浮在原生组件（如 canvas、video、tabbar）之上：
-
cover-view不支持position: absolute，只能用fixed+top/left定位 - 子节点只能是
cover-view或cover-image，嵌套普通view会直接不渲染 - 不支持背景渐变、
transform、复杂 flex 布局，样式尽量扁平化 - 示例结构：
<cover-view class="mask" style="position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.7);"> <cover-view class="dialog" style="position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 60%; background: #fff;"> <cover-view>更新提醒</cover-view> </cover-view> </cover-view>
App 端用透明页面模拟弹窗最可靠
App（iOS/Android）无法靠 CSS 提升层级，唯一稳定方案是新开一个背景透明的页面，它天然高于上一页面的原生导航栏和 tabbar：
- 在
pages.json中注册该页面，并设置："app-plus": { "background": "transparent", "backgroundColor": "rgba(0,0,0,0)", "titleNView": false, "popGesture": "none", "animationType": "fade-in" } - 页面根元素加全屏遮罩层，用
position: fixed+z-index: 9999控制内部内容层级 - 跳转时传参用
uni.navigateTo({ url: '/pages/popup/update?show=true' })，关闭用uni.navigateBack() - 避免在
onLoad里直接uni.showModal，否则会闪一下原生导航栏
subNVue 方案适合复杂覆盖需求但兼容性受限
如果要在地图、视频等原生插件上叠加可滚动弹层（比如直播聊天），必须用 subNVue：
- 仅支持 App 端（不支持 H5、小程序）
- 需手动创建子窗体：
uni.createSubNVue('popup', { ... })，再调用.show() - 不能直接写在 Vue 模板里，需独立 .nvue 文件，且生命周期与主页面分离
- 调试困难，热更新不生效，每次修改要重启 App
- 简单弹窗没必要上 subNVue，优先走透明页面方案
cover-view，App 必须用透明页面，H5 则可以放心用 z-index + fixed。混用一套逻辑，八成会漏掉某个平台的渲染异常。 
