jQuery mobile dialog transparency fix

jqmdialogfix.css

.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;
}

jqmdialogfix.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 ");
	});
});

Hi,

Just wondering how you get the dialog that is opened not to also have the same transparency applied to it's background. I have tried your code and its very close to what I need but I can't seem to get the transparency to apply only to the parent dialog. I've tried everything, and the transparency gets added to the background of the dialog or popup that is opened.

thanks

Can you make an example of this in FS Fiddle with the new JQM 1.3.1?

Ok. Thank you