Getting Started

PNG files appearing as white boxes instead of transparent

We have a meter bridge that moves to a song, except the animation uses png files, with meters on them, and the majority of the image being clear. In Silverlight they appear as just a big white image instead of showing transparent. Is there a trick or a setting for this? All other png files in the application show correclty.

Re: PNG files appearing as white boxes instead of transparent

This is a known issue and it has already been reported as bug. Hopefully it will be sorted in Beta version.

Re: Re: PNG files appearing as white boxes instead of transparent

Is it known if it is a specific setting in the png, or a setting in silverlight? I have 7 other images that have no issues at all. Also, this are part of an animation that changes their opacity, could that have anything to do with it?

Re: PNG files appearing as white boxes instead of transparent

The PNG where you see the white background instead of transparent is Indexed transparent PNG. And there is an issue with Indexed transparent PNG.

It was reported to microsoft here http://silverlight.net/forums/p/6021/18496.aspx

Re: Re: PNG files appearing as white boxes instead of transparent

That link says that the bug is when they are not RGB files. I double checked these, and they are. Just to be sure I resaved them, and it didn't change.

Re: PNG files appearing as white boxes instead of transparent

Hello, as Cass said, currently Silverlight doesn’t support index transparent color. It only supports alpha transparency. Also, RGB doesn’t support transparent. You need RGBA. If you’re using Expression Design, please do the following:

l Create a background Rectangle which fills the whole art board.

l Make sure the Rectangle’s ZIndex is the smallest (right click, choose “Arrange” => “Send to Back”).

l Set the Rectangle’s Background’s Opacity to 0. That is, alpha should be 0.

l Export to a PNG file. In the “Export PNG” dialog, under “File format” => “Mode”, select “32 bits per pixel - RGBA”.

Now you should be able to see transparency instead of white background. If you’re using other graphic editors, you should be able to find a similar way.