jquery - 将 jQuery 对话框设置为半透明

Question

我已经浏览过了，但没有找到我需要的东西(可能是因为我缺乏 CSS/jQuery 技能)，所以就开始吧。我正在尝试使用半透明的 jQuery 对话框创建一些帮助类型“气泡”。我试过使用 .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");