jquery对话框与页面内容重叠

Question

我的帐户页面中有一个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.

有人可以建议如何避免与页面内容重叠吗？

Answer 1

增加其他内容的z-index上方的z-index对话框。

例如：

body {
    z-index: 100;
}
.dialog {
    z-index: 101;
}