La mia soluzione è simile a @RonnySherer, ma non sembrano lavorare in cruddy vecchio IE7 con più finestre di dialogo jQuery UI. Quindi, invece di impostare direttamente l'opacità dell'elemento di sovrapposizione, ho semplicemente aggiunto/rimosso una classe CSS che funzionava in IE7 oltre ai browser moderni. Classe
CSS:
div.modalOverlaySolid
{
opacity: 1 !important;
filter: alpha(opacity=100) !important;
}
Javascript:
$(div#divModalDialog).dialog({
modal: true,
open: function() {
$(this).closest(".ui-dialog").next(".ui-widget-overlay").addClass("modalOverlayPrivate");
},
beforeClose: function() {
$(this).closest(".ui-dialog").next(".ui-widget-overlay").removeClass("modalOverlayPrivate");
}
});
controllo collegamento demo alla fine della mia risposta – jitter