Black edges around transparent PNG in IE

Permalink
Hi all

seems to be a common problem - transparent PNG support in IE. But, AFAIK, the problems should be fixed with IE7 and IE8. Still, in my case, they're still there, in both versions.

www.www.c-ex-c.org/Testsite_textcube...

I created two pics of the little Toyota iQ, on a transparent background, saved in in PS CS4 using "Save for Web", PNG-24, transparency enabled.

Opera and Firefox display the pics perfectly - and I have to admit I rather like the effekt (this kinda PNG on transparent background). But in IE, there's black seemingly single-pixel edges around the cars.

What's up with that? Googling "PNG fix IE" returns all IE6 fixes, which is not what I need...

Any suggestions?

RizzzO

UPDATE: Fixed it - kinda. Turns out the problem only results with 24bit PNGs. Changed to 8bit, works now. Still, if anybody knows a solution for fading 24bit transparent PNGs in IE, I'm all ears...

RizzzO
 
aeroclown replied on at Permalink Reply
aeroclown
IE 8 Still does not handle png transparency correctly. Especially in faders. Which is pretty much what I said in your last thread on png transparency. Just google "ie8 png black" and you'll find tons of post about how ie 8 doesn't correctly render png alpha transparency.

The links below might give you some clues, but I don't think there are any definitive fixes that exist. Maybe something using jquery, which is already loading in as part of concrete. Which btw, you probably shouldn't be loading jquery.min at the top of your page, since the C5 header loads a full version of jquery.

http://stackoverflow.com/questions/1204457/how-to-solve-hack-fading...

http://www.mooforum.net/discussion/issue-with-png-transparency-ie8-...

It sucks I know, the only way I have found around it, is to use a background, which defeats the purpose of using png with alpha transparency in the first place.

Maybe someone else can chime in with a solution. that I have not found and trust me, I have been looking for quite a long while.
mario replied on at Permalink Reply
mario
Actually, my understanding is that most programs really don't create pngs with transparency properly. Fireworks probably does the best job since macromedia/adobe gave the format a lot of love because that's the format it saves it's authoring files in. If you happen to have a copy (or access to one) give that a try. If you don't shoot it over to me and I'll see what I can do. I generally use PS CS4 too because that generally does a good enough job and fits my workflow but Fireworks is a good fallback.