Angular Bootstrap $ modal，带有活动的背景元素

Question

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

Answer 1

您可以使用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