z-index未在Bootstrap中设置

Question

我正在使用bootstrap，我有一个弹出的模态，只有.modal-dialog的z-index为0才能正常工作，即使它已经设置好了。 .modal-backdrop.n的{​​{1}}为1030，效果很好，因此z-index被放入黑背投下。

任何人都知道这里发生了什么，以及如何解决？

非常感谢！

我很清楚像z-index parent/child relationship

这样的东西

简单引导模式Fiddle

修改

我从v3.0升级了我的bootstrap版本 - ＆gt; v3.3.2现在一切正常。只是为了与最新版本保持同步。感谢所有人的帮助！

Answer 1

z-index仅适用于position ed元素。因此设置position: relative;，position: absolute;或position: fixed;。

---

• 请尽可能使用!important！

来自sandeep的

Answer Source。