我的帐户页面中有一个jquery对话框。当对话框出现时,它与页面内容重叠。请在此处查看图片。
http://s7.postimg.org/dxsg3u417/Capture.png。
对话框的代码是:
$('<div id="ratingloaderDiv"></div>').load("ratingDialog.jsp?id=" + id, function () {
rateDialog = $(this).dialog({
autoOpen: true,
minHeight: 275,
width: 400,
height: 350,
modal: true,
open: function (event, ui) {
var rating = 0;
$('.rateCls' + id).rating({
callback: function (value, link) {
rating = value;
}
});
//more code goes.
任何人都可以建议如何避免与页面内容重叠吗?
将对话框的z-index
增加到其他内容的z-index
上方。
前任:
body {
z-index: 100;
}
.dialog {
z-index: 101;
}