Angular UI uibModal - 如何使透明

【问题标题】：Angular UI uibModal - how to make transparentAngular UI uibModal - 如何使透明
【发布时间】：2016-07-03 06:21:03
【问题描述】：

是否可以在 uibModal 中使周围环境（模态框外）透明，以便看到下面的图层？
如文档 here 所述，我尝试使用 windowTopClass 属性，但它不起作用。

有什么想法吗？

谢谢

【问题讨论】：

标签： angularjs dialog modal-dialog transparency

【解决方案1】：

您可以在模态配置中使用backdrop: false，或使用backdropClass 属性添加其他CSS 类。这是一个 Plunker，展示了这一点： http://plnkr.co/edit/oqkRkmnVk0gptEfcqoVI?p=preview

【讨论】：

【解决方案2】：

我认为uibModal 不提供那种服务，您可以尝试在HTML 部分打开modal 后设置CSS 属性：

     $scope.open = function (size) {
        //call a function that sets CSS property to transparent        
        $scope.setCSSTotransparent();
        var modalInstance = $uibModal.open({
          animation: $scope.animationsEnabled,
          templateUrl: 'myModalContent.html',
          controller: 'ModalInstanceCtrl',
          size: size,
          resolve: {
            items: function () {
              return $scope.items;
            }
          }
        });

【讨论】：