原生select下拉菜单不参与css层叠上下文，z-index对其无效；layui下拉面板层级由最近定位父容器决定，非全局数值比较，强制调z-index易失效。
为什么直接调 z-index 基本无效
因为原生 <select></select> 的下拉菜单不参与 CSS 层叠上下文，z-index 对它完全不起作用；而 Layui 渲染出的下拉面板（.layui-form-select dl）是 position: absolute，其层级由最近的 relative/absolute 父容器决定，不是全局 z-index 数值比大小。Layer 默认 zIndex: 19891014，但 select 面板的真实计算层级常被父容器截断，硬改数字容易踩边界——比如设成 19891013 反而更糟。
lay-append-to="body" 必须配 form.render()
这是 Layui 2.9.12+ 唯一稳定解法，核心是让下拉 DOM 脱离弹窗容器：
-
lay-append-to="body"强制把下拉插入，绕过 layer 的overflow和定位限制 - 必须加
lay-append-position="fixed"，否则滚动页面时下拉会偏移 - 属性写了但下拉仍被截断？大概率是渲染时机错了：动态插入的
<select></select>没调form.render('select')，等于没注册 - 若弹窗内容来自已有 DOM（如
content: $('#myForm')），layer 会 clone 节点并清空事件，必须在success回调里重新执行form.render('select', 'your-filter')
layer 弹窗里别碰 overflow: visible
有人试过直接改 .layui-layer-content 的 overflow，短期看似有效，但副作用明显：
-
.layui-layer-content设为visible会让所有溢出内容（长表格、高图表）全撑出来，破坏 UI 一致性 - 若弹窗启用了
maxmin: true或设置了area，可能导致拖拽失效或遮挡其他弹窗 - 必须用
!important才能覆盖 Layui 内联样式，后续维护成本高 - 真正要控制的是下拉位置，不是强行撑开容器
表格里嵌 <select></select> 更不能硬调 z-index
.layui-table-box 和 .layui-table-body 的 overflow: hidden 是故意设的，用于保障列对齐和滚动逻辑：
- 强行改成
visible会导致滚动条失效、单元格高度塌陷、文字换行异常 - 多级嵌套或 fixed 列场景下，内容会溢出到主表区域，iOS Safari 甚至可能禁用原生下拉
- 正确做法：用带
lay-filter的<select></select>，它生成 JS 模拟下拉，DOM 插入body下；并在表格done回调里调form.render('select', 'table-wrap-id')
最易被忽略的一点：所有 lay-append-to="body" 场景都依赖 form.render() 的执行时机——不是写完属性就完事，而是得等 layer 内容真正挂载完成后再调，否则 DOM 虽在 body，但面板定位计算仍基于旧容器。
