Interfaccia utente semantica: come modificare il colore di sfondo del dimmer?

Question

Voglio cambiare il colore del dimmer del mio modal, ma non posso! cosa dovrei fare?

<div class="ui modal"> 
    <i class="close icon"></i> 
    <div class="header"> 
    Profile Picture 
    </div> 
    <div class="content"> 
    <p>sth</p> 
    </div> 
    <div class="actions"> 
    <div class="ui black button"> 
     Nope 
    </div> 
    <div class="ui positive right labeled icon button"> 
     Yep, that's me 
     <i class="checkmark icon"></i> 
    </div> 
    </div> 
</div> 

In JS:

ho provato ad esempio a seguito di codice, tuttavia, nessun cambiamento!

$('.ui.modal').each(function() { 
    $(this).modal({allowMultiple: true}).modal('show').css('background-color', 'yellow'); 
}); 

Answer 1

utilizzare la proprietà background-color sull'elemento .dimmer con un valore di colore css rgba tipo di introdurre la trasparenza.

.dimmer { background-color: rgba(250,250,50,0.8) } 

Per applicare questo CSS utilizzando jQuery, utilizzare il metodo jQuery#css in questo modo:

$(".dimmer").css("background-color","rgba(250,250,50,0.8)");