我们如何在淡入期间删除引导程序中模态的背景颜色？答案

【问题标题】：how can we remove the background color of the modal in bootstrap during fade in?我们如何在淡入期间删除引导程序中模态的背景颜色？
【发布时间】：2014-07-14 09:31:06
【问题描述】：

当我们在淡入淡出过程中单击按钮时，背景颜色会变为如图所示的浅黑色？我只想要没有任何背景效果的模态（只是没有黑色部分的白色部分）那么我们如何在引导程序的模态中禁用背景效果？

【问题讨论】：

请发布您当前的代码。没有人可以只用一张图片来帮助你。

标签： javascript css twitter-bootstrap

【解决方案1】：

您必须降低背景的不透明度。只需覆盖到下面的 CSS 类

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

【讨论】：

【解决方案2】：

来自http://getbootstrap.com/javascript/此处的引导文档

选项可以通过数据属性或 JavaScript 传递。对于数据属性，将选项名称附加到 data-，如 data-backdrop=""

backdrop {boolean or the string 'static'} default:true

包括一个模态背景元素。或者，为点击时不会关闭模式的背景。

因此，只需将选项设置为 false 就可以达到效果

$('#myModal').modal({
  backdrop: false
});

【讨论】：

完成，它在文档页面上，在不知道用户代码的情况下，我不确定发布示例示例是否会提供信息或混淆。

【解决方案3】：

这是 css 技巧，我们需要覆盖引导 css 将以下代码放在您的模态 div 上方，根据您的 id 更改模态的 id。

#myModal .modal-content{
background-color: rgba(0,0,0,0);
border: none;
}

【讨论】：