Angular UI uibModal-如何使透明

Question

在uibModal中是否可以使周围环境（模态之外）透明，以便可以看到下面的图层？
截至本文档说明在这里 ，我已经使用windowTopClass财产尝试，但它不工作。

有任何想法吗？

谢谢

Answer 1

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

Answer 2

我不认为uibModal提供这种服务，您可以尝试在modal打开后尝试在HTML部件上设置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;
            }
          }
        });