Прозрачный модальный фон

Question

Я пытаюсь сделать модальный фон полностью прозрачным (в частности, для одного модального), и мне трудно достичь этого. Из документов в нем говорится, что я могу применить пользовательский класс с backdropClass. Когда я открываю модальность, я называю:

backdropClass: 'transparent-backdrop' 

Но независимо от того, что стиль я помещал в этом классе (независимо от того, чтобы добиться прозрачности или просто изменить цвет на фоне), то фон не изменится. Мой CSS выглядит следующим образом:

.transparent-backdrop { 
    opacity: 0; 
} 

я могу изменить цвет Заставки с помощью windowClass (и «в» класс):

windowClass: 'my-window-class' 

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

Однако, если я пытаюсь установить прозрачность аналогичным образом :

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

мой фон все еще присутствует, но теперь мой модальный исчезает. Может ли кто-нибудь сказать мне правильный способ изменить непрозрачность фона?

Answer 1

Это работает для меня:

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

Вот скриншот, показывающий прозрачный фон в Chrome