layer.open iframe子页面背景设为透明需三层协同：父层设置shade:false和skin:''，iframe标签加allowtransparency="true"，子页body设background-color:transparent!important。
layer.open iframe子页面背景怎么设成透明
iframe 子页面本身默认是不透明白底，layer.open 无法直接穿透设置其 body 背景——必须从两层下手：父层（弹窗容器）清掉遮罩和默认背景，子层（iframe 内部）手动启用透明支持并设 background-color: transparent。
父层 layer.open 必须关掉 shade 并清空 skin
很多人只改 iframe 内容，却忘了 layer 默认加了一层灰色遮罩（shade）和内置皮肤类（如 layui-layer-page），它们会盖住一切透明效果。
-
shade: false—— 必须显式设为false，不能写0或null，否则回退默认 0.3 灰色 -
skin: ''—— 清空 skin，否则.layui-layer-page类里的background: #fff会强制覆盖 -
area和offset建议显式设置，避免因内容撑开导致视觉错位
子页面 HTML 里要加 allowTransparency + 透明 body
仅靠 CSS 不够。iframe 标签本身需声明允许透明，且子页 必须主动设为透明，否则浏览器仍渲染白底。
- 在
layer.open的success回调中操作 iframe DOM：layero.children('.layui-layer-content').find('iframe')[0].contentDocument.body.style.backgroundColor = 'transparent'; - iframe 标签需带
allowtransparency="true"属性（虽然现代浏览器已不严格依赖，但兼容旧版 IE/Layui v2.5.x 必须加） - 子页面内联或外链 CSS 中必须有：
body { background-color: transparent !important; }，!important防止被 layui 自带样式覆盖
常见失效原因：iframe 加载时机与跨域限制
最常踩的坑不是写法错，而是执行时机不对或跨域拦截——子页还没加载完就去改 contentDocument，或子页域名与父页不同源，浏览器直接拒绝访问 DOM。
- 务必用
success回调，且在回调里加setTimeout延迟 10–50ms 再取contentDocument，确保 iframe 已 ready - 若子页是跨域（比如
https://api.example.com/page.html），contentDocument无法读取，此时只能让子页自己初始化时设透明背景，父层不做干预 - 测试时先用同域本地 HTML 文件验证逻辑，再切真实地址
真正起作用的从来不是某一行代码，而是三层协同：父层关遮罩、iframe 标签开透传、子页 body 主动清背景。漏掉任意一层，看到的仍是白框。
