Semantic-UI: Как изменить цвет фона диммера?

Question

Я хочу изменить цвет диммера моего модального, но я не могу! что мне делать?

<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> 

В JS:

Я попытался, например, следующий код, но, никаких изменений!

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

Answer 1

Используйте background-color свойства на элементе .dimmer с CSS значением цвета rgba типа для введения прозрачности.

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

Чтобы применить эту CSS с помощью JQuery, используйте jQuery#css метод, как так:

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