Html JQuery模式对话框：覆盖不可见

我不熟悉JQuery。我正在开发一个ASP.NETMVC应用程序。在其中一个视图中，我试图打开JQuery模式对话框。 下面是用于此的JavaScript代码

<script src="@Url.Content("~/Scripts/jquery-1.5.1.min.js")" type="text/javascript" />
<script src="@Url.Content("~/Scripts/jquery-ui-1.8.11.js")" type="text/javascript" />
<script src="@Url.Content("~/Scripts/jquery.validate.min.js")" type="text/javascript"/>
<script src="@Url.Content("~/Scripts/jquery.validate.unobtrusive.min.js")" type="text/javascript"/>
<script src="@Url.Content("~/Scripts/jquery.unobtrusive-ajax.js")" type="text/javascript"/>

<script type="text/javascript">
    $(document).ready(function () 
    {
        $(".openDialogLink").
        live("click", function (e) 
        {
            e.preventDefault();
            $("<div></div>").addClass("dialogBoxDiv").appendTo("body").
            dialog(
            {
                modal: true, 
                draggable: true,
                overlay: { backgroundColor: "#000000", opacity: 0.5 }, 
                title: $(this).attr("DialogTitle"),
                show: "puff",
                hide: "puff",
                closeOnEscape: true,
                close: function () 
                {
                    $(this).remove()
                },
            }
            ).load(this.href);
        });
        $(".close").
        live("click", function (e) 
        {
            e.preventDefault();
            $(this).closest(".dialog").dialog("close");
        });
    }); 

$（文档）.ready（函数（）
{
$（“.openDialogLink”）。
现场（“点击”，功能（e）
{
e、 预防默认值（）；
$（“”）.addClass（“dialogBoxDiv”）.appendTo（“正文”）。
对话(
{
莫代尔：是的，
真的，
覆盖：{backgroundColor:#000000”，不透明度：0.5}，
标题：$（this.attr（“DialogTitle”），
表演：“泡芙”，
隐藏：“吹气”，
closeOnEscape：没错，
关闭：函数（）
{
$（this.remove（））
},
}
).load（this.href）；
});
$（“.close”）。
现场（“点击”，功能（e）
{
e、 预防默认值（）；
$（此）.close（.dialog”）.dialog（“关闭”）；
});
}); 

问题是网页中未使用区域的覆盖不可见。看起来我缺少了一些小背景

---

请帮忙。

背景叠加效果似乎不错

jQueryUICSS样式表将图像用于您正在使用的jQuery内容。如果您还没有其他地方，可能会添加css文件。。。您可以从下载所需的组件

---

zip文件将包含一个css文件、相关图像和jQueryUIJavaScript文件（您当前正在使用）。css在名为“images”的文件夹中查找一些图像，因此只要图像位于名为images的文件夹中的解决方案中，并且您已经引用了css，它就应该应用背景覆盖。

您的覆盖在标记中的什么位置？假设它是一个带面具的div。我曾经遇到过覆盖图无法显示的问题，除非它出现在母版页/布局上。我没有在HTML标记中添加任何覆盖图div。我认为JQuery对话框中的overlay属性是我们需要使用的属性，因此将其设置为overlay:{backgroundColor:#000000”，不透明度：0.5}。是吗？是的。但是jQuery模式通常在页面末尾有一个隐藏的div。再次查看指南，看看是否遗漏了任何标记。@Jaitsu：是的，缺少CSS确实是个问题。谢谢。谢谢你的详细阐述。是的，在我看来，我错过了CSS参考。问题解决了。非常感谢。

<link href="../../Content/jquery-ui-1.8.16.custom.css" rel="stylesheet" type="text/css" />