Wednesday, June 3, 2009

Firefox XUL dialog box transparent by default

This took far too long to figure out. I was opening a dialog in XUL in my firefox plugin, but it was arriving with a transparent background, which made it render really weirdly. The solution is to put the following in your css for the dialog tag:

background-color: menu !important;
opacity: 1.0;

My guess is that the background is transparent so you can see images set by firefox themes/skins, but it is pretty annoying!


mh said...

thanks, that helped.

Nick said...

Try adding a reference to this stylesheet (add angle brackets around it):
?xml-stylesheet href="chrome://global/skin/" type="text/css"?