根本原因是iframe嵌套下遮罩与弹窗脱离同一层叠上下文，通过success回调中mask.appendTo(layero.parent())使二者兄弟并列，并设zIndex确保层级，可稳定解决遮挡问题。
layer弹出层被遮罩盖住，根本原因是z-index错乱
在 iframe 嵌套场景下，layer 创建的弹窗（如 type: 1 或 type: 2）常被同级或父级的 .layui-layer-shade 遮罩层盖住，导致按钮不可点、关闭失效。这不是 css 写错了，而是 layer 默认把遮罩和弹窗插入到不同 dom 位置（遮罩插在 body，弹窗可能插在 iframe 的 body），造成层级计算脱离同一 stacking context。
用 mask.appendTo() 把遮罩塞进弹窗父容器
最稳定、不依赖全局 z-index 调整的解法：在 success 回调里手动把遮罩节点挂到弹窗容器的直接父级上，让它们处于同一渲染上下文。
-
mask必须在success中获取，此时layero已挂载但尚未触发动画完成 - 不能写成
mask.appendTo(layero)—— 遮罩会变成弹窗子元素，点击穿透失效 - 正确写法是
mask.appendTo(layero.parent())，确保遮罩和弹窗兄弟并列 - 需配合
zIndex显式设高（比如19891015），否则仍可能被其他 layer 实例压住
layer.open({
type: 1,
content: $('#myForm'),
success: function(layero, index) {
var mask = $('.layui-layer-shade').last(); // 取最新生成的遮罩
mask.appendTo(layero.parent());
layer.style(index, { zIndex: 19891015 });
}
});
type: 2（iframe 弹窗）下拉框/浮层被截断的补救
当 content 是 iframe 地址时，子页面内的 select、dropdown、tips 等绝对定位元素常被父页面的 .layui-layer-iframe 容器裁剪。这不是 z-index 问题，是 overflow 和背景色干扰。
- 必须给
.layui-layer-iframe加overflow: visible !important - 子 iframe 页面 body 要设
background: transparent，否则白色底色会挡住下拉项 - 如果子页用了
position: fixed元素，需在父页加.layui-layer-iframe { transform: translateZ(0) }强制创建新层叠上下文 - 避免用
allowtransparency="true"—— 现代浏览器已不支持该属性，且无实际效果
resize 时弹窗超出可视区，靠 layer.style() 动态缩放
iframe 容器本身尺寸小（比如 tab 页签里的固定高 iframe），而弹窗 area 设了 ['800px', '600px']，结果右下角按钮永远点不到。不能只靠 CSS，得运行时干预。
- 在
success里立刻调用layer.style(index, { width: 'auto', height: 'auto' })，再读取$(window).width()和$(window).height() - 监听
$(window).resize()，每次触发都重新计算并调用layer.style()，注意防抖（至少 100ms） - 不要用
layer.iframeAuto()—— 它只调整 iframe 高度，不解决容器溢出 - 若弹窗内容高度动态变化（如展开表格），需在内容更新后手动再调一次
layer.style()
真正难处理的不是单次弹出，而是多个 layer 实例嵌套在不同 iframe 里又互相触发——这时 zIndex 必须全局唯一递增，且所有 mask.appendTo() 操作要严格配对，漏一个就会复现遮挡。
