Mi solución es similar a @RonnySherer, pero no parece que trabajar en IE7 sucia de edad con múltiples cuadros de diálogo jQuery UI. Entonces, en lugar de establecer directamente la opacidad del elemento de superposición, simplemente agregué/eliminé una clase de CSS que funcionaba en IE7 además de los navegadores modernos. Clase
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");
}
});
comprobación de vínculos de demostración al final de mi respuesta – jitter