offset: 't' 是使 layer.msg 顶部居中显示的最常用且唯一可靠写法，其他如数组形式、'top'、'auto' 均无效；若仍不居顶，多因父容器含 transform 导致 fixed 定位失效。
layer.msg 的 offset 参数怎么写才有效
直接写 offset: 't' 就能顶部居中，这是最常用也最可靠的写法。它不是“可选”，而是必须显式指定——layer.msg() 默认根本不在顶部，也不在底部，它默认是垂直+水平居中。
常见错误写法包括：offset: ['t', 'center']（数组里混用预设符和字符串，无效）、offset: 'top'（'top' 不是合法值，只认 't'）、offset: 'auto'（这会强制顶部对齐，但行为不稳定，别用）。
-
offset: 't'→ 顶部居中，无额外偏移 -
offset: '20px'→ 距离视口顶部 20px，水平仍居中 -
offset: ['20px', '30%']→ 垂直 20px，水平距左 30%
为什么加了 offset: 't' 还不显示在顶部
大概率是父容器用了 transform，比如 transform: translateZ(0)、scale(1) 或任何带 transform 的 CSS。它会让 fixed 定位失效，offset: 't' 就不再相对于整个屏幕，而是相对于那个 transform 容器的左上角。
临时验证方法：打开开发者工具，逐级关闭父级元素的 transform 样式，看弹框是否“跳”回顶部。修复方式只有两个：删掉父容器的 transform，或者把触发 layer.msg() 的 JS 移到一个干净的、无 transform 的上下文里（比如直接挂在 body 下的按钮）。
别试 fixed: true ——layer.msg 不接受这个配置项，它内部已固定为 fixed，问题不在 JS 配置，而在 CSS 层级干扰。
移动端状态栏遮挡怎么办
iOS 和部分安卓设备的状态栏/刘海区属于安全区域，offset: 't' 按视口顶部算，会直接被盖住。
简单兼容方案：offset: ['env(safe-area-inset-top)', 'center']（现代浏览器支持），但得配合 CSS fallback：
html {
--safe-area-inset-top: 0;
}
@media (prefers-color-scheme: dark) {
/* 可选：读取环境变量失败时的兜底 */
}更稳的做法是放弃 offset: 't'，改用 layer.open 模拟顶部提示：
layer.open({ type: 1, offset: ['0', '0'], area: ['100%', '42px'], shade: 0, content: '<div style="padding:12px;text-align:center;">操作成功</div>' });
iframe 里调用 layer.msg 怎么让它在父页面居中
在 iframe 里直接调 layer.msg()，弹框只会相对于 iframe 自身尺寸居中，常偏到左上角或被截断。
正确做法是跨上下文调用：parent.layer.msg('提示内容')。前提是父页面已加载 layui 并暴露了 layer 模块。
如果报 parent.layer is undefined，说明父页面没初始化 layer 或没挂到 window 上。此时需确保父页面有：
layui.use(['layer'], function(){ var layer = layui.layer; });
注意：不要用 parent.parent.layer，除非你嵌套了两层 iframe；绝大多数后台 admin 框架（如基于 iframe + 左侧菜单）只需一层 parent.layer。
真正麻烦的不是怎么写 offset，而是 DOM 结构里那些看不见的 transform 和 iframe 上下文切换——它们不会报错，但会让所有位置配置全部失效。
