Javascript 如何在jQuery对话框处于活动状态时使背景淡入淡出

我有一个jQuery对话框，当按下按钮时会出现。当对话框打开时，我希望背景颜色淡出（暗淡）

我必须在CSS中添加或替换什么才能实现这一点

代码如下：

// 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>

//打开对话框的按钮
登录
//jQuery对话框函数
函数检查\域\输入（）
{        
$（“#dialog”）.dialog（）；
var domain_val=document.getElementsByName（“域”）；
如果（域值[0].value.length>0）
{
返回true；
}
$（“#dialog”）.dialog（）；
返回false；
}

模式对话框阻止用户与页面的其余部分交互，直到页面关闭

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

---

我可以更改淡入度不透明度和淡入度的颜色吗？有办法吗？这看起来像是的复制品。你一定有视力障碍，因为这不可能是复制品。也许这一个会有帮助：