对话框覆盖层不起作用

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; 
}