与Bootstrap模式弹出窗口后面的内容交互

Question

我在AngularJS项目中使用Angular UI Bootstrap进行模态弹出窗口。

模态有一个像这样的父div：

<div tabindex="-1" role="dialog" class="modal fade ng-isolate-scope responsiveModal in" ng-class="{in: animate}" ng-style="{'z-index': 1050 + index*10, display: 'block'}" ng-click="close($event)" modal-window="" window-class="responsiveModal" index="0" animate="animate" style="z-index: 1050; display: block;">

此父容器覆盖整个屏幕，并防止用户与模态旁边或下方的元素进行交互。有没有办法改变这个？

我还在模态选项中尝试了'backdrop: false,'。

Answer 1

不修改Bootstrap本身，没有。如果您愿意这样做，那么是的，但它不会很简单。

话虽这么说，我觉得有必要指出一个模态视图，根据定义，应该阻止输入到自身之外，直到用户完成与它的交互。如果你想要它们能够在其他事情发生时与其他事物互动，这不是一种模式。这是一个弹出窗口。这就是为什么他们没有任何东西来允许在模态之外进行交互。