layer.open 无法真正嵌套，所有弹层均为 body 直系子节点；所谓“嵌套”需手动控制 zIndex、offset 和 fixed，并用 setTimeout 延迟开启子弹层，iframe 中须调用 parent.layer。
layer.open 不能真正嵌套，所有弹层都是 document.body 的直系子节点，彼此平级、无 DOM 父子关系。所谓“嵌套”，只是视觉模拟，必须手动控制层级、定位和作用域。
为什么直接在 success 里再调 layer.open 会失效
常见错误现象包括：子弹层飞到左上角、点击父层外无法关闭、拖拽后位置漂移、关闭父层后子弹层残留。
- 父层和子弹层共享同一套
layer.zIndex计数器，不显式设高值，子弹层可能被盖住 -
offset: 'auto'让子弹层居中于整个视口，和父层位置完全无关 - 默认
fixed: true锚定 viewport，但父层若在滚动容器或 iframe 中，子弹层就“掉队” - 没等父层 DOM 渲染完成就开子弹层，
layero尺寸/位置不可靠，offset 预估全错
同页内实现“视觉嵌套”的关键三步
必须同时满足以下三点，缺一不可：
- 用
setTimeout延迟开子弹层（至少100ms），确保父层layero已挂载且尺寸稳定 - 子弹层显式设置
zIndex: layer.zIndex + 1，避免被其他层覆盖 -
offset改用数组格式，如['40px', '60px']，数值需根据父层layero.position()手动估算；禁用'auto' - 加
fixed: false，否则子弹层随页面滚动时会脱离父层视觉范围
示例：
var index1 = layer.open({
type: 1,
content: '<div id="parent">父容器</div>',
area: ['400px', '300px'],
success: function(layero, index) {
setTimeout(function() {
layer.open({
type: 1,
content: '<div>这是子弹层</div>',
area: ['300px', '180px'],
offset: ['40px', '60px'], // 手动偏移，非 auto
zIndex: layer.zIndex + 1,
fixed: false
});
}, 100);
}
});
iframe 子页里开子弹层必须用 parent.layer
在 iframe 内直接调 layer.open，弹层会插进 iframe 自身的 body，极大概率被裁剪或滚动失效。
- 子页 JS 必须写
parent.layer.open({...})，不是layer.open({...}) - 关闭时得先获取索引：
var index = parent.layer.getFrameIndex(window.name)，再parent.layer.close(index) - 跨域 iframe 下
parent.layer会报SecurityError，此时只能用postMessage通知父页代开 - 别在子页调
layer.closeAll()—— 它只关当前 iframe 里的弹层，对父页无效
真正需要严格父子约束时，别硬套 layer
如果业务要求子弹层必须：拖拽不越界父层、随父层滚动、点击父层外自动关闭、尺寸受父层 content 区域限制——这些 layer 天然做不到。
这时应放弃 layer.open 嵌套思路，改用原生 DOM 方案：把子弹层作为父层 content 的子元素插入，用 CSS position: absolute + z-index 控制层级，事件委托绑定到父层 DOM 上。虽然代码量略增，但边界、滚动、关闭逻辑完全可控。
