Transparenter modaler Hintergrund

Question

Ich versuche, einen modalen Hintergrund vollständig transparent zu machen (speziell für einen Modal) und es fällt mir schwer, dies zu erreichen. Aus den Dokumenten geht hervor, dass ich eine benutzerdefinierte Klasse mit backduckClass anwenden kann. Wenn ich meine modalen öffnen, ich rufe:

backdropClass: 'transparent-backdrop' 

Aber egal was Styling ich in dieser Klasse setzen (ob Transparenz zu erreichen oder einfach nur die Kulisse Farbe ändern), wird der Hintergrund nicht ändern. Meine CSS sieht wie folgt aus:

.transparent-backdrop { 
    opacity: 0; 
} 

ich den Hintergrund Farbe Window mit modifizieren können (und die ‚in‘ Klasse):

windowClass: 'my-window-class' 

.my-window-class.in { 
    background-color: #000; 
} 

Allerdings, wenn ich versuchen, die Opazität in ähnlicher Weise eingestellt :

.my-window-class.in { 
    opacity: 0; 
} 

mein hintergrund ist noch vorhanden, aber jetzt mein modal verschwindet. Kann mir jemand sagen, wie man die Deckkraft des Hintergrunds richtig verändert?

Answer 1

Dies funktioniert für mich:

.transparent-backdrop.in { opacity: 0; }

Hier ist ein Screenshot der transparenten Hintergrund in Chrome