将jQuery对话框设置为半透明

Question

我已经查看并且没有找到我需要的东西（可能是因为我缺乏CSS / jQuery技能），所以这里就是这样。我正在尝试使用半透明的jQuery对话框创建一些帮助类型“bubbles”。我尝试过使用.fadeTo()和.css("opacity", n)，但对话框显示为白色背景，而内容确实已经消失，而不是整个对话框是半透明的。

这是我到目前为止所拥有的。请注意，页面上有<div id="HelpWindow">，其中包含内容，对话框本身也可以正常使用。

        $('#HelpWindow').dialog({
            width: 600,
            height: 420,
            position: "center",
            show: {
                effect: "fade",
                duration: 300,
            },
            hide: {
                effect: "fade",
                duration: 200,
            }
        }).css("opacity", 0.5);

我不需要页面上的所有对话框，只需要帮助“泡沫”。如果这是一个愚蠢的问题，请道歉！

Answer 1

$('#HelpWindow').dialog({
...
}).parents(".ui-dialog").css("opacity", "0.5");