默认不关闭弹窗，因 shadeClose 默认为 false；shade: 0 隐身占位，shade: false 彻底移除遮罩；禁用后需防其他关闭干扰及交互反馈缺失。

如何让点击遮罩层不关闭弹窗

默认情况下，layer.open 的遮罩层是「摆设」——点它完全没反应。禁用点击关闭，根本不需要额外操作，只要不设置 shadeclose: true 就行。很多人误以为“点了会关”是默认行为，其实恰恰相反。

• shadeClose 默认值就是 false，不写它 = 已禁用
• 如果之前加过 shadeClose: true 却忘了删，就会意外触发关闭——这是最常见配置残留问题
• 注意拼写：shadeClose 不是 shadeclose 或 shadeclose，大小写错误会导致静默失效

shade 设为 0 和 shade: false 有啥区别

禁用遮罩层本身，有两个等效但语义不同的写法：shade: 0 和 shade: false。它们都让遮罩消失，但底层处理不同。

• shade: 0：仍会创建遮罩 DOM 元素（.layui-layer-shade），只是透明度为 0，相当于「隐身但占位」
• shade: false：完全不生成遮罩元素，DOM 更干净，z-index 冲突风险更低
• 移动端尤其推荐 shade: false，避免 iOS Safari 下触摸穿透或滚动异常

为什么禁用了 shadeClose 还是关了弹窗

点击遮罩没反应 ≠ 弹窗一定不会关。真正关掉它的，可能是别的干扰因素。

深蓝色网站后台管理系统layui框架模板-AdminPro

一款深蓝色网站后台管理系统layui框架模板

下载

• 检查是否同时设置了 closeBtn: 0 但又在内容里写了 <button onclick="layer.close()"> —— 用户点的是按钮，不是遮罩
• 确认没绑定全局事件，比如 document.addEventListener('click', ...) 误捕获了遮罩区域的冒泡事件
• Layui 2.8.18 之前版本存在一个 bug：当 type: 2（iframe 层）且 shade: 0 时，iframe 内部点击可能意外触发父页的 layer 关闭逻辑，升级到 2.9.13+ 可修复

禁用遮罩关闭后，怎么补交互反馈

用户点遮罩没反应，容易误判为页面卡死。尤其表单类弹窗，需要明确告诉用户「这里不能点关」。

• 加一句提示文案，比如在弹窗右上角用小字显示「点击遮罩不关闭」，配合 title 或自定义 skin
• 给遮罩层加 CSS 过渡效果（仅当 shade: 0.3 等非零值时）：.layui-layer-shade { cursor: default; }，避免手型光标误导
• 如果业务允许，保留遮罩但设为极低透明度（如 shade: 0.05），既提供视觉分层，又降低误触关闭概率

遮罩层是否响应点击，只由 shadeClose 控制；但最终关没关，往往取决于你有没有漏掉其他关闭入口或兼容性陷阱。