z-index不生效是因为元素未创建层叠上下文需满足position非static且父级未封闭上下文否则z-index仅在局部有效。z-index不生效先看它有没有“资格”参与层叠Bootstrap 的 z-index 不是独立系统它完全遵循 CSS 原生的层叠上下文stacking context规则。你设了 z-index: 9999 却被盖住大概率不是 Bootstrap “没给够”而是目标元素压根没获得参与层叠的资格。必须有 positionstatic默认值元素无视 z-index哪怕写上也当没写至少得是 relative、absolute、fixed 或 sticky父级可能“封印”了你如果父容器设置了 z-index且非 auto或用了 opacity、transform、filter 等属性它就创建了新的层叠上下文——你的 z-index: 9999 只在这个小圈子里有效出不去Bootstrap 自己的层级是公开的.navbar 是 1000.modal 是 1055.tooltip 是 1070.toast 是 1080。你自定义的下拉子菜单若没显式设值就按默认文档流堆叠大概率被压在下面多级下拉菜单被遮挡问题不在 z-index 数值大小二级菜单消失不是因为你没写够大的数字而是它被卡在了错误的层叠上下文里。比如 .navbar 用了 transform 动画收起菜单整个导航栏就成了一个独立层叠上下文你再怎么给子菜单设 z-index: 9999它也只能在 navbar 这个“盒子”里排第一盒子本身还是被 .modal 盖着。检查父容器是否触发了新层叠上下文用浏览器开发者工具的「Layers」面板或勾选「Show stacking order」一眼就能看到上下文边界子菜单的 z-index 必须比它的**直接父级层叠容器**高而不是比全局最高值高。例如父级 .dropdown-menu 在 .navbarz1000内那子菜单至少设 z-index: 1001别在子菜单上加 transform 或 opacity: 0.99——它们会悄悄新建一层上下文让你刚设好的 z-index 失效为什么 modal 里开 dropdown 总是失效因为 .modal 的 z-index: 1055 创建了一个强隔离的层叠上下文而 Bootstrap 默认的 .dropdown-menu 没设 z-index继承自父级或按文档流自然掉到 modal 底下。这不是 bug是设计使然——modal 要确保自己“绝对最上”所有内容都得向它对齐。 Zeemo AI 一款专业的视频字幕制作和视频处理工具