允许用户与背景交互的 Bootstrap 3 模式？答案

【问题标题】：Bootstrap 3 modal that lets users interact with background?允许用户与背景交互的 Bootstrap 3 模式？
【发布时间】：2014-01-29 03:36:16
【问题描述】：

是否可以有一个不使屏幕变暗并且允许用户与背景交互的 Bootstrap 3 模态窗口（如果他们愿意）？我也使用默认模式，所以我想要这个功能，而不是代替。

我在模态窗口中有一个音频播放器，我希望用户能够滚动它后面的屏幕（而模态窗口保持固定不动），这样他们就可以访问曲目等。）

【问题讨论】：

【解决方案1】：

如果您可以与背景交互，那么它不是模态的。

听起来你想要一个绝对定位的 div，而不是模态。查看“附加”对象：

【讨论】：

【解决方案2】：

其实你应该更喜欢阿维菩萨的提议！但如果你真的想使用模态，我在这里做了一些第一种方法：http://bootply.com/109120

其中的关键步骤：

禁用灰色模态背景 使用背景参数，例如。在按钮标签中：

data-backdrop="false"

收缩模态容器 使得底层元素是可访问的

#myModal {
  right: auto;
  bottom: auto;
  overflow: visible;
}

现在您可以使用top 和left 设置此模态位置

【讨论】：