Topic: PNG IE Transparency Issue (Page 1 of 1)

I have gotten reports that a PNG image that is being used on a clients website is showing up with a black background instead of alpha transparency on IE6.

We are using the AlphaImageLoader filter to fix the transparency for these images on IE5.5 and greater.

I have IE6 up and running and I do not have the same behavior as reported.

Has anyone run into a similar issue as this and know what might be causing this?

I have not spent enough time with IE to know exactly what might be happenning with it, if it could be user setting or maybe a library issue?

Any ideas?

Dan @ Code Town

Never heard of it. Can you post the URI?

It is not on the web at this point. I will look at putting up a test case using the same images.

Dan @ Code Town

I have created a simple test case which is now being reported to be partially black and partially clear. I am going to see what is actually happenning and will get a screen shot and post the test case at some point today.

Dan @ Code Town

There is a Reason I asked "will IE 7 See .PNG" in the Internet Explorer 7 - what do you think? Thread

I will say More Once I see the Screen Shot...

-----------------------------------------------------------------
Out of Insanity comes brilliance(Or was it the other way around?)

I also just recently heard about .png not showing up in IE as well. I really curious to find out if and why.

I went to the user and checked and the transparency was actually working correctly.

It was one of the common situations where it was not working and when someone comes to look over your shoulder it is working.

I think it had something to do with cached images.

IE7 should support PNG images with 0-100 values of alpha transparency. There was a comment on IE blog about it a while back. IE5.5+ support PNG images with indexed PNG-8 transparency. IE5.5+ though some javascript and a filter support PNG transparency.

Dan @ Code Town

Hi Warmage, I don't know if your are styling with css at the same time, but if it is the case, you have to specify backgroung-image: none for ie, if not it will render something like half the transparency.

/* Use the Tan hack so only IE wont have the background image.  The Tan hack isn't working for IE7 */
/* The space after the "*" is important */
* html #yourSelector{
	background-image: none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='myimage.png',sizingMethod='scale');

I think that you can put your filter code in the html, so your stylesheet will be standard compliant but keep the background properties...

Hope this help