Twitter bootstrap 引导模式窗口灰显

转到，单击右上角的“登录”，twitter引导模式窗口将弹出，但会变灰

---

为什么会发生这种情况？

这是因为

.navbar fixed top

的z索引为1030，而模态背景的z索引为1040，导致模态覆盖在navbar上

要解决此问题，只需将

.modal background

z-index值调整为低于1030-例如

.modal-backdrop {
    z-index: 1020;
}

---

首先，将数据background=“false”添加到模式div中

然后将以下内容添加到样式中：

.modal { background: rgba(000, 000, 000, 0.8); min-height:1000000px; }

别忘了将关闭按钮添加到模式中

<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>

×；

干杯..

您还可以使用：

 .modal-backdrop.in { z-index: auto;}

---

我不得不补充一句！让它工作起来很重要

.modal-backdrop {
    z-index: 1020!important;
}

---

这在我使用引导选择器的情况下有效。。。切换到一个主题，然后返回到默认会导致我的页面上的模式变灰。现在它可以正确使用data background=“false”谢谢；添加

data background=“false”

立即修复。谢谢您，先生。我的问题只在IE上，但这很好地解决了我的问题。我必须将导航的z指数设置为-1，才能让它位于下方。干杯。这对我有效，而其他两个涉及z指数的解决方案则无效。我想知道为什么。谢谢你的回答！注意：在没有data background=“false”属性的情况下，从Bootstrap复制示例是有效的，但当我将自己的（动态）id添加到button、div和modal head时，它就不起作用了。同样，以INT开头的id（不管你是以string还是以INT开头）根本不起作用，模态也不会出现。这是最好的答案。不，根本不起作用-不要在BT4.1xx上工作。要求我们访问你的网站这不是一个好的做法，后来，当我们偶然发现这样一个问题时，我们无法看到您在检查Modal是模型的实例时遇到的问题。这就是我的情况。不为bs4工作在bs4中工作。模式背景{display:none；}。模式{background:rgba（0,0,0,0.5）；}