Javascript 样式Jquery对话框内容div对话框中的背景混合
我正在尝试使用下面代码中的CustomejQuery警报框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,
$.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对话框
元素设置背景色。使用浏览器开发工具检查此元素在应用样式方面发生的情况谢谢。现在工作正常了。