对话框覆盖不起作用

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