layer.open弹窗被遮盖主因是zIndex层级不足及父级stacking context干扰，需手动设更高zIndex、检查并统一context、避免transform/filter打断层级，移动端需规避fixed定位偏差。
layer.open 的 zIndex 值不够高，被导航栏遮住
默认情况下 layer.open() 创建的弹窗 z-index 是 1989，而很多前端框架（比如 layui 自带的 layui-layout 或自定义导航栏）会把 header、navbar 的 z-index 设到 2000+。结果就是弹窗“钻”到导航栏下面去了——不是没显示，是被盖住了。
实操建议：
- 手动传入更高
zIndex，比如{ zIndex: 3000 }，确保压过所有页面级固定元素 - 别用固定值硬写，优先查父页导航栏的 computed z-index：
getComputedStyle(document.querySelector('.layui-header')).zIndex，再加 10 - 如果导航栏用了
position: sticky或fixed，它所在的 stacking context 可能影响层级，这时光调zIndex不够，得确认弹窗是否在同一个 context 下（见下一条）
弹窗被父页面的 transform 或 filter 打断 stacking context
一旦父容器（比如 .layui-body 或某个 wrapper div）加了 transform: translateZ(0)、filter: blur(1px) 或 will-change，就会创建新的 stacking context。此时 layer.open() 默认追加到 body，但它的 z-index 只在 body 这个 context 内有效，无法穿透到父级 context 上方。
实操建议：
- 检查父页是否有元素带
transform/filter/opacity / <code>will-change，尤其是 layout 容器 - 强制让 layer 插入到顶层 context：用
{ appendTo: 'body' }（Layui 2.8+ 支持），或手动改源码/重写layer.config({ skin: 'layui-layer-admin' })配合 CSS 重置 - 更稳妥的做法：把导航栏本身也放进一个独立 stacking context（比如给
.layui-header加transform: translateZ(0)），再统一调高它的 z-index 和 layer 的 z-index，避免层级错乱
使用 type: 'page' 时 iframe 内容被导航栏裁剪
当用 layer.open({ type: 2, content: 'xxx.html' }) 弹出 iframe 页面时，如果父页导航栏是 position: fixed 且没设 top: 0，或者 body 有 margin/padding，iframe 容器可能被误判为“可滚动区域”，导致 layer 自动加 overflow: hidden 到 body，进一步干扰定位。
实操建议：
- 显式设置
area，避免 layer 自适应出错：{ area: ['800px', '600px'], offset: 'auto' } - 禁用 layer 对 body 的 overflow 干预：
{ fixed: false, scrollbar: true }（注意：这会让背景可滚动，按需取舍） - iframe 页面内不要设
html { height: 100% }或body { margin: 0 }等影响父层计算的样式，layer 依赖这些值算位置
移动端 Safari 下 fixed 导航栏和 layer 重叠的兼容性问题
iOS Safari 对 position: fixed 的实现有历史 bug：当页面有滚动、键盘弹起或地址栏隐藏时，fixed 元素会“漂移”，而 layer 的定位基于 JS 计算的视口坐标，容易不同步。
实操建议：
- 避免在 iOS 上依赖
offset: 't'或maxmin: true，改用绝对像素定位：{ top: '60px', left: '50%', marginLeft: '-400px' } - 监听
resize和scroll，手动调用layer.style(index, { top: newTop + 'px' })修正位置（仅限关键弹窗） - 更轻量方案：用
type: 1（纯内容）替代 iframe，在父页直接渲染，绕过 iframe 与 fixed 的冲突
真正卡住的点往往不在 layer 调用本身，而在父页的 stacking context 结构和移动端 fixed 渲染的隐式行为。调 zIndex 是第一步，但得先看清谁在真正“挡路”。
