Einstellung der optischen Trübung?

Question

Gibt es eine Möglichkeit, es zu ändern? Ich versuchte, die toastClass als eine Klasse mit einer Undurchsichtigkeit auf 1 gesetzt definieren, sah aber keine Änderungen:

.toast-style{ 
    opacity: 1; 
} 

toastr.options.toastClass = 'toast-style'; 

Answer 1

Kein JavaScript erforderlich. Sie sollten diese entweder

mit in CSS ändern können,

#toast-container > div { 
    opacity:1; 
} 

oder

.toast { 
    opacity: 1 !important; 
} 

Answer 2

Ich brauchte diese für eine einzelne toastr zu tun ging so diese Route:

toastr.options = { 
    ... 
}; 

toastr.info(
    'All of my favorite singers have stolen all of my best lines', 
    'The Title' 
); 

$('#toast-container').addClass('nopacity'); 

... und dann ...

#toast-container.nopacity > div { 
    opacity: 1; 
} 

Answer 3

#toast-container > div { 
    opacity: 1; 
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); 
    filter: alpha(opacity=100); 
} 

Test Working Example;