引导模态突出显示不出现答案

【问题标题】：bootstrap modal highlight does not appear引导模态突出显示不出现
【发布时间】：2013-09-18 16:09:25
【问题描述】：

我对 Bootstrap 模态的问题是，当我单击必须打开模态的按钮时，模型会正常打开，但没有突出显示，这意味着我可以点击任何地方，无论在哪里，它都会立即关闭自身和内容模型的背后是“影子”。如何突出显示内容？我使用了一个名为 Lightbox V2 的类似插件。试图禁用它，但它是同样的问题。

<button type="button" data-toggle="modal" data-target="#myModal" class="btn" >Regis</button>

<div id="myModal" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
<h3 id="myModalLabel">Modal header</h3>
</div>
<div class="modal-body">
<p>One fine body…</p>
</div>
<div class="modal-footer">
<button class="btn" data-dismiss="modal" aria-hidden="true">Close</button>
<button class="btn btn-primary">Save changes</button>
</div>
</div>

【问题讨论】：

标签： javascript twitter-bootstrap modal-dialog highlight

【解决方案1】：

您应该在模态中显示的内容是否仍然隐藏在模态的较暗覆盖层下，并且您不应该访问该隐藏的内容？如果这是您的问题，那么我会建议您检查所有在<div> 模态之前的<div>s 是否正确关闭，因为我遇到了同样的问题，当我检查了我的代码，我发现我错过了关闭一个应该在模态代码部分之前完成的。

【讨论】：

【解决方案2】：

尝试从模态 div 中删除 hide 类：
<div id="myModal" class="modal~~hide~~fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">

【讨论】：