Angular UI UibModal - wie man transparent macht

Question

Ist es in uibModal möglich, die Umgebung (außerhalb des Modals) transparent zu machen, so dass die darunter liegende Schicht sichtbar ist?
Wie im Dokument here angegeben, habe ich versucht mit der windowTopClass-Eigenschaft, aber es funktioniert nicht.

Irgendwelche Ideen?

Danke

Answer 1

Ich denke nicht, uibModal diese Art von Service bietet, können Sie versuchen CSS Eigenschaft auf den HTML Teile einzustellen, nach modal geöffnet:

 $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

Sie backdrop: false in Ihrem modalen verwenden können Konfiguration oder fügen Sie zusätzliche CSS-Klassen mit der Eigenschaft backdropClass hinzu. Hier ist ein Plunker, der das zeigt: http://plnkr.co/edit/oqkRkmnVk0gptEfcqoVI?p=preview