Javascript 当弹出一个消息框时，如何使我的背景颜色变黑？

$（“documat”）.ready（函数（）{
$（“#添加表单”）.hide（）；//消息框在开头隐藏
});
函数checkID（）{
如果（$（“#添加表格”）为（“：隐藏”））{
$（“#userID”）.val（“”）；
$（“添加表格”）。向下滑动（500）；
}否则{
$（“#添加表单”）.hide（）；
}
}
函数closeForm（）{
$（“#添加表单”）.hide（）；//单击“取消”时隐藏表单
}

.center{
位置：绝对位置；
文本对齐：居中；
z指数：100；
}
#添加表格{
保证金：0自动；
宽度：200px；
背景色：#f0；
}
#加上表格p{
字体大小：1.2米；
}
#submitGetCancel，
#亚极板{
宽度：40%；
高度：50px；
颜色：#740000；
字体大小：1.3em；
}
#叠加背景{
背景：#000；
位置：绝对位置；
顶部：0px；
左：0px；
z指数：5；
}

点击


这里有一些文字

请键入您的信息



发送
取消

您可以创建一个动态叠加div，并使用

rgba（）设置背景色。

：

$（文档）.ready（函数（）{
$（“#添加表单”）.hide（）；//消息框在开头隐藏
});
函数checkID（）{
如果（$（“#添加表格”）为（“：隐藏”））{
$（“#userID”）.val（“”）；
$（“添加表格”）。向下滑动（500）；
$（''，{/有一个jQuery插件用于此。

此外，它还易于使用：
$.blockUI（{message:'HTML CONTENT HERE'，css:{backgroundColor:'f00'}}）；


根据具体情况，您可以使用更多的参数。
要删除它，只需使用
$.unbui（）；


您可以找到更多详细信息。

使用
overlay
和
opacity
您可以添加一个应用于对话框的框阴影，例如
框阴影：0.50vmax rgba（0,0,0,75）；
（根据需要调整阴影扩散）