jquery - 对话框覆盖不起作用

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#message 工作正常，但唯一不工作的是覆盖部分。我想要一个不透明度为 0.5 的黑色背景。怎么了？！

Answer 1

jQuery UI 对话框没有overlay选项，但您可以使用 CSS 轻松更改它：

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