изменить цвет фона с помощью ui-dialog-background прозрачный диалог

Question

Добрый день,

Я действительно застрял здесь. У меня есть рабочий прозрачный фон, благодаря этому блогу: http://tqclarkson.com/2012/04/19/transparent-jquery-mobile-dialogs/

Но независимо от того, что я пытаюсь, я просто не могу сделать прозрачный фон разного цвета. Мне нужно, чтобы цвет фона родительского содержимого был черным и прозрачным, когда открывается диалоговое окно. До сих пор у меня есть это, как в блоге:

.ui-dialog-background { 
opacity: 0.5; 
display: block !important; 
-webkit-transition: opacity 0.5s ease-in; 
} 

.ui-dialog-background.pop.in { 
opacity: 1; 
-webkit-transition: opacity 0.5s ease-in; 
} 

.ui-dialog { 
min-height: 100% !important; 
background: transparent !important; 
} 

И JS:

$(function() { 
    $('div[data-role="dialog"]').live('pagebeforeshow', function(e, ui) { 
    ui.prevPage.addClass("ui-dialog-background "); 
    }); 

$('div[data-role="dialog"]').live('pagehide', function(e, ui) { 
    $(".ui-dialog-background ").removeClass("ui-dialog-background "); 
    }); 
}); 

Я пробовал различные разные подходы, но ни один из них не работает. Есть ли способ сделать прозрачный фон более темным?

Благодарим вас, Victor.

Answer 1

Этот предыдущий ответ может решить, что вы пытаетесь сделать: How to code a JavaScript modal popup (to replace Ajax)?

Я использовал этот подход, и он работает хорошо «серым» фон в то время как модальный видна. Вы должны иметь возможность изменять цвет и/или непрозрачность в соответствии с вашими потребностями.