如何在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});