layer.open 的 shade 参数设为 0 即可关闭遮罩层背景不透明，本质是 layer 默认加了一层半透灰蒙版（shade），它不是弹窗自身背景，而是浮在页面顶层的独立遮罩层。

layer.open 的 shade 参数设为 0 即可关闭遮罩层

背景不透明，本质是 layer 默认加了一层半透灰蒙版（shade）。它不是弹窗自身背景，而是浮在页面顶层的独立遮罩层。想只留弹窗内容、其余全透，关键不是改弹窗 background，而是关掉这层遮罩。

实操建议：

• shade 默认值是 0.3，设为 0 就完全移除遮罩层
• 别误设成 false 或 null——layer 会当作 0.3 处理，无效
• 如果同时用了 fixed: false，弹窗可能随滚动偏移，但遮罩层消失后这问题更明显，需额外留意

弹窗自身背景仍需手动清空（skin 和 area 配合）

关掉 shade 后，弹窗容器默认带白色背景和圆角边框。要真正“只留内容”，得一并去掉这些视觉包裹。

实操建议：

• 用 skin 加自定义 class，例如 skin: 'layui-layer-demo-transparent'，再在 CSS 中重置：

  .layui-layer-demo-transparent { background: transparent !important; box-shadow: none; }

• area 推荐显式设置宽高（如 ['400px', '200px']），否则无背景时尺寸易坍缩或错位
• 避免用 offset 靠边定位 + 透明背景组合，容易因父容器 overflow 裁剪内容

IE11 下 background: transparent 可能失效

老版本 IE 对 rgba 或 transparent 的解析不稳定，尤其当 layer 内部元素有继承背景时，可能回退成白色。

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

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

下载

实操建议：

• 不用 transparent，改用 rgba(255,255,255,0) —— IE11 对 rgba 透明度支持更可靠
• 检查弹窗 body 内容是否自带白色背景（比如 <div class="layui-layer-content">），layer 会往里塞一层默认白底，需用 CSS 强制覆盖
• 若项目必须兼容 IE11，建议把 skin 类名加到 content 选项里，而非靠 layer 自动挂载，控制更直接

内容区域文字/图标变看不见？检查 z-index 和 color 继承

背景全透明后，如果弹窗内容发虚、看不清，大概率不是 layer 问题，而是页面底层元素颜色和弹窗文字色撞了（比如底下是深色主题，弹窗没设 color，文字继承了黑色）。

实操建议：

• 在自定义 skin class 里补一句 color: #333; 或按需指定，别依赖继承
• 确保弹窗内容容器的 z-index 比周边元素高——layer 默认给弹窗设了 z-index: 19891014，但若页面有其他 fixed 元素 z-index 更高（比如导航栏设了 999999），就会压住弹窗
• 慎用 anim: -1（无动画）配合透明背景，某些情况下会导致渲染时机异常，文字闪一下才出现

事情说清了就结束。最常卡住的地方其实是：以为改了弹窗背景就行，结果忘了 shade 是独立遮罩层；或者 IE11 下死磕 transparent，不如换 rgba。