Gadget Transparency

I'm going with the motto of "the only stupid question is the one you don't ask" and reaching out to people who know more than I do...

The images attached should serve to illustrate my problem, which is no matter how I attempt the make the background transparent, I get the magenta transparency mask that lies buried in the windows code. I have tried transparent .png files and editing the opacity in the .html code.

The gadget is called "simple date" and can be downloaded from Microsoft's Gadget website. I've grown to love it but, in cleaning up my desktop, I've realized it would be perfect if it had a transparent background rather than the whole thing being transparent.

So, my question is... can anyone tell me how to get the result I am looking for?

Anyone?

So, I am guessing the answer is "no, it can't be done"

For Windows gadgets, any HTML elements that have any alpha pixels (such as the anti-aliased texts in your case) should only be used on a solid background. If you use them on a transparent background, the alpha pixels will be displayed as the annoying magenta pixels.

The gadget API provides a way to draw anti-aliased text directly over the desktop with background of any transparency, but you will probably need a lot of works to convert all necessary HTML texts in your gadget to this version.

ButzYung said:

For Windows gadgets, any HTML elements that have any alpha pixels (such as the anti-aliased texts in your case) should only be used on a solid background. If you use them on a transparent background, the alpha pixels will be displayed as the annoying magenta pixels.

The gadget API provides a way to draw anti-aliased text directly over the desktop with background of any transparency, but you will probably need a lot of works to convert all necessary HTML texts in your gadget to this version.

Oh I have the time, just not the knowledge to know how to go about it. Can you link this information?

SeattleMike said:

ButzYung said:

For Windows gadgets, any HTML elements that have any alpha pixels (such as the anti-aliased texts in your case) should only be used on a solid background. If you use them on a transparent background, the alpha pixels will be displayed as the annoying magenta pixels.

The gadget API provides a way to draw anti-aliased text directly over the desktop with background of any transparency, but you will probably need a lot of works to convert all necessary HTML texts in your gadget to this version.

Oh I have the time, just not the knowledge to know how to go about it. Can you link this information?

Gadgets on MSDN
Gadgets (Windows)

And this is probably the section you are looking for.
Developing a Gadget for Windows Sidebar Part 2: The G:BACKGROUND, G:IMAGE, G:TEXT Presentation Elements and GIMAGE Protocol
Gadgets for Windows Sidebar - Presentation Object Reference

The parts you need to know are G:IMAGE and G:TEXT.