javascript - 当我打开 Twitter Bootstrap 模式时，如何更改查看背后页面的方式？

Question

我正在打开一个模态，但是当我这样做时，模态后面的页面会变得很暗。有人可以解释我如何改变这一点。例如，我怎么能做到，所以背景上只有一个非常浅的阴影。

我还注意到，当我单击背景时，我的模式消失了。有没有办法可以删除此功能。我希望我的模态仅在用户单击模态本身的提交或关闭时消失。

score 8 · Accepted Answer

如果您希望将背景保留在模态框后面但使背景完全透明，请设置透明背景颜色而不是更改不透明度：

.modal-backdrop, .modal-backdrop.fade.in { background-color: rgba(0,0,0,0); }

这使您能够在不实际看到背景的情况下单击模态并关闭模态。

score 3 · Accepted Answer

您正在寻找的是http://twitter.github.com/bootstrap/javascript.html#modals模态背景静态以禁用背景点击关闭。

同样为背景黑暗调整

.modal-backdrop, .modal-backdrop.fade.in {
    opacity: 0;
}

score 2 · Accepted Answer

如果您使用的是 bs 3，则可以在链接中使用 data-backdrop="false" 属性，这样您就不必修改基本引导文件。

3 回答 3