I've searched extensively and haven't found the solution I'm looking for (likely because of my limited CSS/jQuery knowledge). So, here's my question. I am attempting to create help bubbles using jQuery dialogs with semi-transparent backgrounds. I have experimented with both the .fadeTo() and .css("opacity", n) methods, but they only make the content within the dialog transparent while the background remains white.
Here is the code snippet I currently have. Please note that there is a <div id="HelpWindow"> on the page containing the content, and the dialog itself functions correctly.
$('#HelpWindow').dialog({
width: 600,
height: 420,
position: "center",
show: {
effect: "fade",
duration: 300,
},
hide: {
effect: "fade",
duration: 200,
}
}).css("opacity", 0.5);
I only want this style applied to the help bubble, not all dialogs on the page. I hope this isn't too silly of a question!