When a button is pressed, I have a jQuery dialog box that appears. My goal is to make the background color fade out (dim) when the dialog box is open.
What changes do I need to make in the CSS in order to achieve this effect?
Below you'll find the code snippet:
// Button that brings up a dialog box
<div id="dialog" title="Sign in" style="display:none">
Sign in
</div>
// jQuery dialog function
<script>
function check_domain_input()
{
$( "#dialog" ).dialog();
var domain_val = document.getElementsByName('domain');
if (domain_val[0].value.length > 0)
{
return true;
}
$( "#dialog" ).dialog();
return false;
}
</script>