z-index设再大也盖不住，根本原因是元素未进入正确层叠上下文：必须满足position非static，且所有祖先节点均未触发新堆叠上下文（如opacity<1、transform非none等），否则子元素z-index仅在局部生效。
z-index设再大也盖不住，根本不是数值问题，而是元素没进对的层叠上下文——99%的情况是父容器悄悄建了“玻璃罩”，把弹层锁死在局部。
为什么加了 z-index: 9999 还被遮？
先确认两个硬条件是否满足：
-
position值不是static（默认值），必须是relative、absolute、fixed或sticky - 该元素的所有祖先节点中，没有一个意外触发了新的堆叠上下文（stacking context）
常见“隐形罩子”包括：opacity: 0.99、transform: translateZ(0)、filter: blur(0)、will-change: transform、overflow: hidden（尤其和 position: relative 同时出现时）。这些属性哪怕值“看起来没效果”，也会让子元素的 z-index 失效。
用 Chrome DevTools → Elements 面板选中被遮元素 → 右侧 Styles 标签页拉到底部 «Layout» 区域，看是否标着 “Stacking context: Yes”。如果是，就说明它被关进某个父容器的“小房间”里了，再调 z-index 也没用。
立即学习“前端免费学习笔记（深入）”；
Bootstrap 5 弹层挂载点错位是最常见真凶
Bootstrap 要求 .modal、.dropdown-menu、.tippy-box 等弹层必须直接挂在 document.body 下，否则父级（比如 #app、.card、.modal-body）一旦有定位或上述“罩子”属性，就会截断层级。
- React：必须用
createPortal渲染到document.body，不能直接return <Modal /> - Vue 3：必须用
<Teleport to="body"><Modal /></Teleport>，别依赖v-model挂在局部节点 - 原生 JS：
document.body.appendChild(modalEl)要在modal.show()之前执行
检查 DOM：开发者工具里点开 .modal，看它的父节点是不是 body。如果不是，比如是 div#app 或 div.container，那问题就在这儿。
怎么安全地调 z-index 而不破坏 Bootstrap 体系？
Bootstrap 5.3+ 的 z-index 是语义化变量体系，硬写 z-index: 9999 !important 会埋坑：
$zindex-dropdown: 1000$zindex-fixed: 1030$zindex-modal-backdrop: 1040$zindex-modal: 1050$zindex-toast: 1080
正确做法：
- 用 Sass/Less：在引入 Bootstrap 前重定义变量，例如
$zindex-modal: 1060 - 用 CSS 自定义属性（Bootstrap 5.3+ 支持）：
:root { --bs-zindex-modal: 1060; } - 第三方插件（如 CKEditor 工具栏）要对齐：给
.ck-toolbar-container设z-index: calc(var(--bs-zindex-modal) + 10)，别单独写死
避免在 .modal-content 上加 position: relative——它本身不是弹层容器，加了反而会让内部插件（如 .flatpickr-calendar）的 z-index 锁死在它内部。
移动端 fixed 浮层被系统栏/键盘挡住怎么办？
iOS Safari 对 position: fixed 的处理很特殊，不是 z-index 问题，而是定位基准漂移：
- 地址栏收起/展开时，
fixed元素可能突然“掉层” - 软键盘弹出后，
fixed元素位置错乱甚至不可见
临时缓解方式：
- 给
.modal加position: absolute+top: 50%+transform: translateY(-50%)替代fixed - 监听
resize或focusin事件，动态调整top值 - 优先用
createPortal/Teleport挂到body，再配合viewport-fit=cover和env(safe-area-inset-bottom)
真正难搞的是那些藏在 transform 或 opacity 后面的隐式层叠上下文——它们不会报错，也不会警告，只会在你改完十次 z-index 后默默让你怀疑人生。
