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

我已经使用过这种方法，但它很适合＆＃34;灰色＆＃34;模态可见时的背景。您应该能够根据自己的需要改变颜色和/或不透明度。

使用ui-dialog-background透明对话框更改背景颜色

1 个答案: