使用bootstrap模式未显示模态背景

Question

我正在使用bootstrap的modal插件，由于某种原因，背景没有显示。

当我check same code on w3schools时，我注意到每次模态打开时都会生成一个div：

<div class="modal-backdrop fade in"></div>

我得到了与w3schools完全相同的代码但是我的网站上没有生成这个div。

我该如何解决？

Answer 1

请检查<div class="modal-backdrop fade in"></div>元素，检查是否覆盖了CSS属性。大多数情况下，这可能是由覆盖引起的CSS问题。

Answer 2

无法重现这一点，因为w3学校的例子工作正常。

验证以下内容。这可能会导致问题：

• 最好将<div class="modal">..放在最后 该文件或</body>
之前
• 如果任何其他css类覆盖模态背景类
• 如果正确添加了jquery和bootstrap JS

获取模态 http://getbootstrap.com/javascript/#modals-examples

Answer 3

当我使用错误的方法打开模态时，这发生在我身上。我有

$('#myModal').show()

当然应该是

$('#myModal').modal('show')

使用错误方法的另一个症状是，除了半透明的背景不显示之外，模态中的关闭按钮也不起作用。