未在 Bootstrap 中设置 z-index [英] z-index not setting in Bootstrap
问题描述
我正在使用引导程序,我有一个弹出的模态,它工作得很好,只有 .modal-dialog
的 z-index 为 0,即使它确实被设置了..modal-backdrop.n
的 z-index
为 1030,效果很好,所以 .modal-dialog
被放入/在黑色背景下.
I am using bootstrap and I have a modal that pops up and it works just fine only the .modal-dialog
has a z-index of 0 even though it DOES get set. The .modal-backdrop.n
has a z-index
of 1030 and that works just fine so the .modal-dialog
is being put in/under the black back drop.
有人知道这里发生了什么以及如何解决吗?
Anyone know what the heck is going on here and how to fix?
非常感谢!
我很清楚这样的事情 z-index 父子关系
简单的 Bootstrap Modal Fiddle
Simple Bootstrap Modal Fiddle
编辑
我将引导程序版本从 v3.0.0 --> v3.3.2 升级,现在一切正常.只是为了显示与最新版本保持同步.感谢大家的帮助!
I upgraded my bootstrap version from v3.0.0 --> v3.3.2 and now everything is working fine. Just goes to show stay up to date with the latest versions. Thanks for all help everyone!
推荐答案
z-index
仅适用于 position
ed 元素.所以设置position:relative;
、position:absolute;
或position:fixed;
.
The z-index
only works on position
ed elements. So set position: relative;
, position: absolute;
, or position: fixed;
.
- 如果可能,请不要使用
!important
!
答案来源来自 sandeep.
Answer Source from sandeep.
这篇关于未在 Bootstrap 中设置 z-index的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!