angularjs – bootstrap-ui模态没有显示它背后的灰色背景,(打开

发布时间：2020-12-17 06:53:07 所属栏目：安全来源：网络整理

导读：出于某种原因,我的模态是在没有灰色背景的情况下打开的,尽管我使用的代码与那里的网站相同： http://angular-ui.github.io/bootstrap/#/modal 唯一的区别是我使用了分离的html文件中的模板,而不是在 script内部.标签. 我注意到它没有添加此代码： div class

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

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

解决方法

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

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

此解决方案优于已接受的解决方案的优点是您不会忽略点击背景的点击.

如果您不喜欢背景消除模式,请将以下内容添加到$modal.open：

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

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!