textarea被layer弹窗遮挡主因是容器溢出裁剪而非z-index失效，需在success回调中限定作用域设置layui-layer-content为overflow:visible，并配合max-height、resize及动态重算高度解决。
textarea 被 layer 弹窗遮挡，根本不是 z-index 问题
直接调 zIndex 或给 textarea 加 style="z-index:9999" 没用——textarea 是原生表单控件，不参与 CSS 层叠上下文，z-index 对它完全无效。Layer 的弹窗（.layui-layer）默认 zIndex: 19891014，而 textarea 下拉/聚焦时的“真实层级”由其最近的 position: relative/absolute 父容器决定，不是全局数值可调的。
lay-append-to="body" 对 textarea 无效，别白试
lay-append-to="body" 是 select 专用属性，只对带 lay-filter 的 <select></select> 生效，对 textarea 完全没反应。强行写上会静默忽略，DOM 不动、行为不变。遇到 textarea 被盖，必须换思路：
- 确认是否真被遮挡：多数情况是弹窗内容区域（
.layui-layer-content）设置了overflow: auto，导致textarea高度超出后被裁剪，而非层级问题 - 检查父容器是否有
overflow: hidden或固定height，特别是表格单元格、卡片组件内嵌的弹窗 - 若
textarea在type: 2（iframe）弹窗里，它的渲染上下文在 iframe 内部，主页面的样式和 JS 无法穿透干预
真正有效的解法：控制容器溢出 + 动态高度
核心是让 textarea 所在容器“不裁剪”，同时避免撑破布局：
- 在弹窗
success回调里，给.layui-layer-content加临时样式：layero.find('.layui-layer-content').css('overflow', 'visible') - 但不能全局改，否则长表格、图表会溢出——应限定作用域：
layero.find('.layui-layer-page .layui-layer-content').css('overflow', 'visible') - 给
textarea设style="max-height: 200px; resize: vertical"，既防无限撑高，又保留用户拖拽调整 - 若内容动态加载（如 AJAX 填充），需在数据插入后手动触发
layer.style(index, {height: 'auto'})重算弹窗高度
表格里嵌 textarea 更要小心 overflow: hidden
.layui-table-box 和 .layui-table-body 默认设了 overflow: hidden，这是 Layui 为列对齐和滚动控制故意加的。把 textarea 放进表格行里再弹窗，极易被双重裁剪：
- 绝对不要直接改
.layui-table-box的overflow—— 会破坏横向滚动、列冻结、固定列等所有依赖溢出的逻辑 - 正确做法：把
textarea提到表格外，用layer.open({content: $('#myTextarea')}单独弹出，或用templet在表格列中渲染一个按钮，点击后打开独立弹窗 - 如果必须内嵌，用
templet包一层div并加 class，CSS 写成.table-textarea-wrap { overflow: visible !important; height: auto !important; }，且必须加!important覆盖 layui 内联 height
