Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/76.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 样式Jquery对话框内容div对话框中的背景混合_Javascript_Jquery_Html_Css_Asp.net Mvc 5 - Fatal编程技术网

Javascript 样式Jquery对话框内容div对话框中的背景混合

Javascript 样式Jquery对话框内容div对话框中的背景混合,javascript,jquery,html,css,asp.net-mvc-5,Javascript,Jquery,Html,Css,Asp.net Mvc 5,我正在尝试使用下面代码中的CustomejQuery警报框 $.extend({ alert: function (message, title) { $("<div></div>").dialog({ close: function (event, ui) { $(this).remove(); }, resizable: true, title: title,

我正在尝试使用下面代码中的CustomejQuery警报框

    $.extend({
    alert: function (message, title) {
        $("<div></div>").dialog({
            close: function (event, ui) { $(this).remove(); },
            resizable: true,
            title: title,
            show: "fade",
            hide: "fade",
            modal: true,
            buttons:
            {
                Close: function () {
                    $(this).dialog('close');
                }
            },
            open: function () {
                /* styling dialog */
                $(this).parents(".ui-dialog:first").find(".ui-dialog-titlebar").remove();
                $(this).parents(".ui-dialog").css("padding", 5);
                $(this).parents(".ui-dialog").css("border", 0);
                $(this).parents(".ui-dialog:first").find(".ui-dialog-content").css("padding", 0);

                $(this).css("-webkit-box-shadow", "0px 0px 10px rgba(0, 0, 0, 0.8)");
                $(this).parents(".ui-dialog").css("-webkit-box-shadow", "0px 0px 10px rgba(0, 0, 0, 0.8)");
                $(this).parents(".ui-dialog").css("-moz-box-shadow", "0px 0px 10px rgba(0, 0, 0, 0.8)");
            }
        }).text(message);
    }
});
$.extend({
警报:功能(消息、标题){
$(“”)。对话框({
关闭:函数(事件,ui){$(this.remove();},
可调整大小:正确,
标题:标题,,
显示:“褪色”,
隐藏:“褪色”,
莫代尔:是的,
按钮:
{
关闭:函数(){
$(this.dialog('close');
}
},
打开:函数(){
/*样式对话框*/
$(this).parents(“.ui dialog:first”).find(“.ui dialog titlebar”).remove();
$(this.parents(“.ui dialog”).css(“padding”,5);
$(this).parents(“.ui dialog”).css(“border”,0);
$(this).parents(“.ui dialog:first”).find(“.ui dialog content”).css(“padding”,0);
$(this.css(“-webkit-box-shadow”,“0px 0px 10px rgba(0,0,0,0.8)”);
$(this.parents(“.ui dialog”).css(“-webkit-box-shadow”,“0px 0px 10px rgba(0,0,0,0.8)”);
$(this.parents(“.ui dialog”).css(“-moz-box-shadow”,“0px 0px 10px rgba(0,0,0,0.8)”);
}
}).文本(信息);
}
});
从这里找到的一个帖子:

但我看到这个对话框和页面内容混合(重叠)。 以下是我得到的输出:


我不知道如何添加样式标记或修改现有的对话框代码。你能帮我解决这个问题吗。谢谢

jQuery Ui对话框支持设置一个或多个CSS类的选项:

我想您只需要为
.ui对话框
元素设置背景色。使用浏览器开发工具检查此元素在应用样式方面发生的情况谢谢。现在工作正常了。