Угловой UI uibModal - как сделать прозрачным

Question

Возможно ли в uibModal сделать окружение (вне модального) прозрачным, чтобы увидеть нижний слой?
Как указано в документе here, я пробовал использовать свойство windowTopClass, но он не работает.

Любые идеи?

Спасибо

Answer 1

Я не думаю, что uibModal предлагает такую ​​услугу, вы можете попытаться установить CSS свойство на HTML части после modal открыт:

 $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; 
      } 
      } 
     }); 

Answer 2

Вы можете использовать backdrop: false в вашем модальный конфигурации или добавить дополнительные классы CSS с свойством backdropClass. Вот Plunker, демонстрирующий это: http://plnkr.co/edit/oqkRkmnVk0gptEfcqoVI?p=preview