javascript - 使用 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 ");
   });
});

我尝试了各种不同的方法，但都不起作用。有没有办法让透明背景颜色变深？

谢谢你， 维克多。

Answer 1

之前的答案可能会解决您要尝试做的事情:How to code a JavaScript modal popup (to replace Ajax)?

我已经使用了这种方法，它可以很好地在模态框可见时将背景“变灰”。您应该能够更改颜色和/或不透明度以满足您的需要。