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

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

<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');
});
6
css html javascript jquery semantic-ui

1 ответов

использовать background-color свойство элемента .dimmer С rgba введите значение цвета css, чтобы ввести прозрачность.

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

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

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