1

このオーバーレイが機能しない理由を教えてください。ユーザーが 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の黒い背景が欲しいです。何が悪いの?!

4

1 に答える 1

2

jQuery UI ダイアログにはoverlayオプションがありませんが、CSS で非常に簡単に変更できます。

.ui-widget-overlay {
   background-color: #000;
   opacity: 0.5;
}
于 2013-01-10T06:18:06.480 に答える