與頁面內容重疊的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; 
}