angular bootstrap bootstrap css 版本 3.3.2 未显示模态背景

Question

将此 plunker 代码中的 css 版本更改为 3.3.2，打开模式时背景不会出现。

来自

<link href="//netdna.bootstrapcdn.com/bootstrap/3.1.1/css/bootstrap.min.css" rel="stylesheet">

到

<link href="//netdna.bootstrapcdn.com/bootstrap/3.3.2/css/bootstrap.min.css" rel="stylesheet">

http://plnkr.co/edit/rzU6gQsjEP4R9sGKO2dl

Answer 1

这是最近推出的bug。

添加此 CSS 解决方法：

.modal-backdrop {
  bottom: 0;
  position: fixed;
}

Answer 2

您可以采取一种解决方法

1- 添加这个 css class:

.modal-backdrop{
bottom: 0;
position: fixed;
}

2- 确保 "window.html" 模板文件包含 "ng-click" 事件

<div tabindex="-1" role="dialog" class="modal fade" ng-class="{in: animate}" ng-style="{'z-index': 1050 + index*10, display: 'block'}" ng-click="close($event)">
    <div class="modal-dialog" ng-class="{'modal-sm': size == 'sm', 'modal-lg': size == 'lg'}"><div class="modal-content" modal-transclude></div></div>
</div>

Answer 3

我唯一的解决办法是：

.modal-backdrop.fade {
    opacity: 0.7;
}

希望对您有所帮助！

angular bootstrap bootstrap css 版本 3.3.2 未显示模态背景

angular bootstrap modal backdrop not showing for bootstrap css version 3.3.2

angularjs

angular-ui-bootstrap

bootstrap-modal