layer.config() 必须在所有 layer.open() 之前执行且仅一次，用于全局设置 zIndex 基准值，Layui 依此加递增计数生成各弹窗 zIndex；子页面需用更高基准值隔离，select 下拉问题多因父容器缺 position 定位；动态计算最高 zIndex 风险高，推荐预设足够高基准值统一管理。
layer.config() 必须在所有 layer.open() 之前执行
全局修改 z-index 基准值，唯一安全方式是调用 layer.config()，且只能执行一次、必须早于任何 layer.open()。layui 内部靠这个基准值（默认 19891014）加递增计数生成每个弹窗的 zindex，比如第 1 个弹窗是 19891014，第 2 个是 19891015，依此类推。
常见错误：
- 在
layer.open()的配置里硬写zIndex: 200000—— 这会跳过自动递增逻辑，后续弹窗可能比它还低，导致遮罩层（.layui-layer-shade）和弹窗内容错位 - 把
layer.config()放在某个按钮点击回调里 —— 此时已有弹窗存在，新配置不会影响已打开的实例，只对之后的生效，但层级链已被打断 - 重复调用
layer.config()—— 后一次覆盖前一次，但不重置内部计数器，造成后续弹窗zIndex不连续
正确做法：
layui.use('layer', function(){
var layer = layui.layer;
// ✅ 必须放这里，且只执行一次
layer.config({ zIndex: 1100 });
layer.open({ type: 1, content: '第一个' });
layer.open({ type: 1, content: '第二个' }); // 自动获得 1101
});
子页面中 top.layer.open() 的 z-index 要显著拉开差距
当主页面和 iframe 子页面都用 layer，且子页面通过 top.layer.open() 弹窗时，父子页面的弹窗共享同一套 zIndex 计数器。如果子页面没做隔离，它的第一个弹窗可能和主页面第 100 个弹窗同级，导致被盖住或交互失效。
实操建议：
- 子页面统一用更高起始值，例如
top.layer.config({ zIndex: 19891014000 })（比默认多加三个零） - 避免子页面弹窗和主页面弹窗
zIndex数值接近，相差至少1000以上，防止连续打开后“追平” - 不要依赖手动设
zIndex值来临时提级，比如zIndex: 19891015—— 它只解决单次，不解决多层嵌套下的长期递增冲突
select 下拉被盖住？先查 DOM 结构和 position 属性
弹窗里 <select></select> 点击无反应或下拉不可见，90% 不是 zIndex 没调够，而是外层容器缺失定位上下文。
关键检查点：
-
<select></select>的父级是否设置了zIndex但没配position: relative或absolute？CSS 规范要求：只有定位元素才能参与zIndex层级计算 - 页面是否存在
transform（如scale、rotate）作用于弹窗父容器？这会创建新的 stacking context，让弹窗固定定位失效，zIndex相对关系重置 - 第三方组件（如 UEditor）是否自行设了
zIndex: 999？它和 Layui 默认值撞车，应统一协调：UE.getEditor('editor', { zIndex: 1050 })
Layui 2.9.12+ 推荐用 lay-append-to="body" 属性把下拉面板挂到 下，绕过容器层级限制：
<select lay-search="" lay-append-to="body"><option>选项</option></select>
动态获取最高 z-index 并 +10 是高风险操作
用 getMaxZIndex() 函数扫描全页元素再加 10，看似稳妥，实际容易出问题：
- 页面有大量元素时，
document.querySelectorAll('*')性能差，尤其在低端设备上卡顿明显 - 某些框架（如 Vue 渲染的组件）可能用
transform或will-change创建独立 stacking context，getComputedStyle(el).zIndex返回auto，被filter过滤掉，漏掉真实最高值 - 多个弹窗连续打开时，
getMaxZIndex()返回值可能滞后——刚算完，另一个弹窗已插入，新弹窗反而被盖
真正需要“绝对置顶”的场景（如强提示、系统级告警），更可靠的做法是预设一个足够高的基准值（如 999999），并确保所有其他组件（导航栏、侧边栏、富文本）的 zIndex 都明确低于它，而不是每次去算。
改 zIndex 基准值不是改一个数字就完事，它牵动遮罩层、tips 层、加载层的相对偏移逻辑。Layui 内部所有这些辅助层都基于同一个 config.zIndex 计算，一旦调高，整个层级生态就变。所以动手前，得确认你面对的是全局冲突，而不是某几个弹窗临时需要提级。
