Question

I am using jquery UI modal dialog with smoothness theme. It works fine except when I open the dialog, the parent window is covered with gray color. I cannot see the contents of the parent. When I close, it looks fine.

The same thing works fine in FF. Do I need to change any CSS for this?

Thanks.

Edited to include Code

$(document).ready(function(){
    $("#openDialog").dialog({
        autoOpen: false,
        title: 'Dialog Form',
        height: 300,
        width: 350,
        modal: true         
    });
    function Opendialog() {
       $("#openDialog").dialog("open");
    }

});

Answer 1

Since you are specifying modal:true in your options, the dialog will be displayed as modal (blocking dialog).
Either remove that option or set it to false.

i.e.

$(document).ready(function() {
    $("#openDialog").dialog({
        autoOpen: false,
        title: 'Dialog Form',
        height: 300,
        width: 350,
        modal: false
    });

    function Opendialog() {
        $("#openDialog").dialog("open");
    }
});