Bootstrap 2 模态动画延迟答案

【问题标题】：Bootstrap 2 modal animation delayBootstrap 2 模态动画延迟
【发布时间】：2014-02-01 23:58:42
【问题描述】：

所以我遇到了默认模态动画的问题。

我知道如何使用模态窗口自定义淡入动画的动画速度，但是有一个问题。

.modal-backdrop div 淡入和实际 .modal div 淡入之间存在延迟。我意识到这种延迟最初是为了说明模态主体从顶。

我已经删除了顶部的向下滑动动画，只是想要一个简单、快速的淡入。

无论我对.modal.fade / .modal.fade.in classes 应用何种hackyness，我似乎都无法消除这种延迟。

这种延迟在 Bootstrap 中是从哪里来的？

【问题讨论】：

【解决方案1】：

如果您只是删除幻灯片过渡，其他一切似乎都可以正常工作。

.modal.fade {
    -webkit-transition: none;
    -moz-transition: none;
    -ms-transition: none;
    -o-transition: none;
    transition: none;
}

【讨论】：

我能达到和你一样的观点，但我注意到两件事：1，模态体实际上并没有淡入，只是它之前的背景。 2、当你关闭modal时，body不淡出，背景延迟约1秒后淡出。这些就是我要谈论的问题。