2013-07-14 8 views
26

C'è un modo per cambiarlo? Ho provato a definire il toastClass come una classe con l'opacità impostato a 1, ma ho visto nessun cambiamento:Impostazione dell'opac toastr?

.toast-style{ 
    opacity: 1; 
} 

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

risposta

45

No JavaScript richiesto per questo. Dovreste essere in grado di cambiare questo in CSS utilizzando

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

o

.toast { 
    opacity: 1 !important; 
} 
+2

Buona soluzione per maggior parte dei casi. Ma è possibile farlo su una base di messaggio per toast? Immaginate che la maggior parte degli usi della chiamata 'toastr' su una pagina siano traslucidi - ma se l'utente fa quella cosa speciale, vogliamo mostrarla ad alta voce e orgogliosa (opaca) e aspettare che la chiudano. – mmcrae

+1

'! Important' è quasi sempre il male – Madbreaks

1

avevo bisogno di fare questo per un singolo toastr quindi siamo andati questo percorso:

toastr.options = { 
    ... 
}; 

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

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

... e poi ...

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

Test Working Example;