ok so i have had a few occasions lately where i have a DIV or table cell with a colored background or gradient background image and i want to put a logo image (with a transparent background) in that cell. problem is that if i do it as either an 8bit PNG or a GIF, the edge of the item is nto clean - it has a bunch of pixels on the edge of the item where it shoudl be transparent. if i do it as a 24 bit png, it looks good in firefox, but in IE i get a solid blue background.

so is there any way to put a logo image with a transparent background on top of a gradient or solid background and have clean edges on the logo in firefox and IE?

There is a hack to fix the PNG problem in Microsoft. Do a google search for PNG and IE and you will find the hack. The problem is that IE can't diplay the Alpha channel. They have been saying for years that they will fix it but still have not.

Thats where the hack comes in.

Simon

Before you save your logo as a transparent gif, make sure the background color which you're going to select as transparent, is the SAME color as your table cell's solid color. It's harder with a gradient of course.

yea - more often it is a gradient but good point - if its a solid color then theres really no reason for a transparent background.

http://homepage.ntlworld.com/bobosola/

yea - more often it is a gradient but good point - if its a solid color then theres really no reason for a transparent background.Yes, often there's no need. But sometimes you may want to do it, lets say, when the table background itself is a gif with the same color but with dots or lines in another color..