對話框覆蓋層不起作用

Question

請告訴我爲什麼這個覆蓋層不起作用。我打算在用戶按下hlFeedback鏈接時彈出一個div。

<script type="text/javascript"> 
    jQuery(document).ready(function() { 
     jQuery('#hlfeedback').click(function() { 
      var dlg = jQuery('div#message').dialog({ 
       width: 608, 
       height: 750, 
       modal: true, 
       overlay: { backgroundColor: "#000", opacity: 0.5 }, 
       buttons: {}, 
       open: function (event, ui) { 
        $(".ui-dialog-titlebar-close").hide(); 
       } 
      }); 
      dlg.parent().appendTo(jQuery("form:first")); 
     }); 
    }); 
    </script> 

該div＃消息工作正常，但唯一不工作的是覆蓋部分。我想要有不透明度爲0.5的黑色背景。什麼是錯的？！

Answer 1

jQuery UI的對話框不具有overlay選項，但你可以用CSS很容易地改變它：

.ui-widget-overlay { 
    background-color: #000; 
    opacity: 0.5; 
}