我需要实现Bootstrap模态(我使用angular $modal服务),其中背景元素应保持活动状态,即即使模式打开,背景DOM也必须可用/可点击。我尝试在backdrop = false属性中设置$modal,但是它不起作用。

最佳答案

您可以使用CSS简单地隐藏模式叠加层:

.modal-backdrop {
    display: none;
}
.modal {
    left: 50%;
    right: inherit;
    top: 50%;
    bottom: inherit;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}


为此,还要确保将backdrop: 'static'添加到模态配置中,以防止主体单击时模态关闭。

演示:http://plnkr.co/edit/46M6F7BL9FtQqt9WiBuJ?p=preview

关于javascript - 具有事件背景元素的Angular Bootstrap $ modal,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/28807391/

10-12 13:03
查看更多