如何在jQuery对话框处于活动状态时获得淡入淡出的背景

Question

我有一个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>

Answer 1

模态对话框可防止用户在关闭之前与页面的其余部分进行交互.

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