Question

我对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>

Answer 1

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

Answer 2

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

bootstrap模态高亮不会出现

2 个答案: