Установите цвет фона оверлейного интерфейса JQuery UI

Когда я загружаю диалог, фон становится немного серым. Я хотел бы сделать его более темным, но я не могу найти свойство, которое отвечает за это. Как я могу это достичь?

ОТВЕТЫ

Ответ 1

То есть в этом элементе css:

.ui-widget-overlay {
   background: #AAA url(images/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x;
   opacity: .30;
   filter: Alpha(Opacity=30);
}

находится в строке 294 из: jquery-ui-1.8.11.custom.css

Ответ 2

Добавьте этот CSS в таблицу стилей:

.ui-widget-overlay
{
  opacity: .50 !important; /* Make sure to change both of these, as IE only sees the second one */
  filter: Alpha(Opacity=50) !important;

  background-color: rgb(50, 50, 50) !important; /* This will make it darker */
}

Ответ 3

Самый простой способ - использовать themeroller.

Ответ 4

У меня была проблема спин-блокировки с решением Blender, но изменение "background-color" на "background" исправлено. Я подозреваю, что причина в том, что исходный (jQuery-UI) CSS использует эту графику PNG.

Ответ 5

Как @spinlock У меня есть полоса, которая работает горизонтально:

Чтобы удалить полоску и использовать пользовательский цвет фона, вы можете сделать это в открывшемся событии:

open : function(event, ui){
    $("body").css({
        overflow: 'hidden'
    });
    $(".ui-widget-overlay").css({
        background:"rgb(0, 0, 0)",
        opacity: ".50 !important",
        filter: "Alpha(Opacity=50)",
    });
},
beforeClose: function(event, ui) {
    $("body").css({ overflow: 'inherit' })
}