layui弹出层需显式设zIndex并脱离局部stacking context：先用appendTo:'body'或layer.config隔离样式，再动态维护layer.zIndex确保新弹窗层级最高。
layui弹出层在多层弹窗、固定导航栏或含transform的布局中容易被遮挡，必须通过zIndex显式提升层级并确保其处于顶层stacking context中，否则即使设了高数值也会失效。
手动设置zIndex并确认父级上下文
第一步：调用layer.open时传入zIndex参数，值至少比导航栏computed z-index高10。
执行：layer.open({ type: 1, content: '内容', zIndex: 3000 });
第二步：打开浏览器开发者工具，运行getComputedStyle(document.querySelector('.layui-header') || document.querySelector('header')).zIndex，获取导航栏真实zIndex值。若返回'auto'，说明它未显式设zIndex，此时默认为0，但实际渲染层级可能更高——需检查其父容器是否创建了新stacking context。
第三步：若父页存在带transform、filter、opacity<1或will-change的容器（尤其是.layui-body或全局wrapper），则layer弹窗虽在body下，却受限于该容器的局部stacking context。此时单纯提高zIndex无效，【必须让弹窗脱离该context干扰】。
强制插入到顶层body并重置样式作用域
方法一：使用Layui 2.8+支持的appendTo配置，确保弹窗DOM直接挂载到干净的body根节点下。
执行：layer.open({ type: 1, content: '内容', appendTo: 'body', zIndex: 3000 });
方法二：若版本低于2.8，手动在open前重写layer.config，指定skin隔离样式且避免污染其他弹层。
执行：layer.config({ skin: 'layer-topmost' });，再在CSS中定义.layer-topmost { z-index: 3000 !important; }。
注意：不要给.layui-layer加!important的z-index全局覆盖，这会导致后续所有弹窗层级混乱，且无法被动态索引控制。
动态维护已有弹窗的顶层状态
① 获取当前最高zIndex：var topZ = layer.zIndex;
② 对已打开的弹窗索引index1执行：layer.style(index1, { zIndex: topZ + 1 });
③ 若需置顶某弹窗并保持其始终高于新弹窗，应在每次调用layer.open前执行①②，并将layer.zIndex同步更新为新值。
这一步不能省略：Layui内部layer.zIndex是静态初始值，不随弹窗增减自动递增。若不手动干预，后开的弹窗可能因zIndex未更新而反被先开的低zIndex弹窗盖住。
