UIB Modal背景未淡入

Question

我使用的是angular-ui Modal。当我关闭modal时，modal框逐渐淡出，并且背景逐渐淡出。这是所需的行为。

然而，当我打开模式框时，虽然模式框淡入淡出，但背景只是出现而没有淡入。我不知道为什么。

这是打开模式的代码：

$scope.update_onclick = function() {

    $rootScope.modalInstance = $uibModal.open({
        templateUrl: 'webapp/packagetracker/update.html',
        controller: 'PackageTrackerController',
        backdrop: 'static'        
    });

};

这是打开模式时Chrome开发人员工具的背景DIV

<div uib-modal-backdrop="modal-backdrop" class="modal-backdrop fade ng-scope in" ng-style="{'z-index': 1040 + (index &amp;&amp; 1 || 0) + index*10}" uib-modal-animation-class="fade" modal-in-class="in" modal-animation="true" data-bootstrap-modal-aria-hidden-count="1" aria-hidden="true" style="z-index: 1040;"></div>

我使用的是angularjs 1.4.8、angular-animate 1.4.8和ui-bootstrap-tpls-2.5.0。添加这些文件的脚本标记的顺序是这样的。

任何帮助都将不胜感激。