angularjs – bootstrap-ui模态没有显示它背后的灰色背景,(打开时不添加模态背景类)

前端之家收集整理的这篇文章主要介绍了angularjs – bootstrap-ui模态没有显示它背后的灰色背景,(打开时不添加模态背景类)前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
出于某种原因,我的模态是在没有灰色背景的情况下打开的,尽管我使用的代码与那里的网站相同: 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',...

猜你在找的Angularjs相关文章