How to make entire screen blackish when jquery ui popup is visible?

Question

How to make entire screen blackish when jquery ui popup is visible?

Answer 1

So you basically want a modal dialog?

Then you can just set modal to true if you're using the jQuery dialog.

$(".selector").dialog({ modal: true });

Answer 2

In the CSS file that came with your jQuery UI download, look for the .ui-widget-overlay selector. Try something like:

.ui-widget-overlay {
background-color: #333;
opacity:0.5;
filter:Alpha(Opacity=50);
}