带背景淡入的引导模式答案

【问题标题】：Bootstrap modal with background fading in带背景淡入的引导模式
【发布时间】：2012-08-26 11:20:05
【问题描述】：

我正在使用引导程序 1.4.0 和 jquery 1.7.2。我正在尝试创建一个带有渐变背景的模态窗口。模态窗口应使用 javascript 函数加载。

这是我的代码：

<!-- Modal -->
<div id="error-dialog" class="modal hide fade">
  <div class="modal-body">
    <h1 class="exp-heading">Error</h1>
    <p class="exp-para pad-btm"> {$meta.message}</p>
    <!-- apps go here -->
    <div class="clear"></div>
    <!-- apps end here --> 
  </div>
  <div class="modal-footer"  align="center"><a href="#" data-controls-modal-close="error-dialog" ><img src="images/cancel_btn.png" alt="" border="0" align="middle" /></a> </div>
</div>

<script language="Javascript">  
$('#error-dialog').modal('show');                                                                   
</script>

模态框正在显示，但背景没有淡入。 CSS文件是默认的1.4.0/bootstrap.css

【问题讨论】：

我不知道，但我会坚持使用 Bootstrap 2.1.0 并关注他们的文档。
你在什么浏览器上测试？ Modal 插件（1.4 或 2.x）使用 CSS3 过渡，因此如果您的浏览器不支持它们（例如 IE9），您不会看到渐变。否则，我也赞同@moonwave99 的观点——尽量使用至少 2.x。从 1.4 开始，他们对模式进行了重大改进。
Chrome 21。问题是我无法更改引导程序版本，我不是团队中可以做到这一点的合适人选：-/
肯尼，你的意思是你想要背景的淡入淡出效果吗？无论如何，我同意merv和moon
加里，是的。我就是这个意思

标签： javascript css twitter-bootstrap

【解决方案1】：

我不确定，但如果你想淡入图像，你需要使用

.fadeIn()

方法

【讨论】：