angularjs - bootstrap-ui modal 不显示其背后的灰色背景，(打开时未添加modal-backdrop 类)

Question

出于某种原因，我的模态在没有灰色背景的情况下打开，尽管我使用的代码与那里的网站相同:http://angular-ui.github.io/bootstrap/#/modal
唯一的区别是我使用了分离的 html 文件中的模板，而不是在 <script> 中。标签。

我注意到它没有添加此代码:<div class="modal-backdrop fade in"></div> 在主模态容器内 <div class="modal fade in">

Answer 1

问题是原始背景的高度为 0px，要修复添加以下样式:

<style>
    .modal-backdrop {
        height: 100%;
    }
</style>

这种解决方案优于公认的解决方案的优点是您不会松开点击背景。

如果您不喜欢背景关闭模式，请将以下内容添加到 $modal.open:

$modal.open({
    ...
    backdrop: 'static',
    ...