DebugBar Forums
Stay tuned : rss feed

Forum Home

advanced search

You are not logged in.


Forums are now closed as we moved them to google groups. You can use the following Google Groups to discuss about DebugBar and IETester products:

#1 2011-08-17 21:08:15

New member

PNG Transparency (IE6 and under)

OS:                      Ubuntu 11.04
Guest OS:           Windows 7 via VirtualBox
IE version:           IE9
IETester version: 0.4.10

Hello, I'm trying to add alpha opacity support to PNGs in IE6 and lower. I'm using this solution: I've tested in IE5.5 and IE6 through IETester and the solution doesn't work.

In IE5.5 transparency works, but I'm getting the following: a white border around the image; a red X in the top left corner as if there was no image; and the alt text is displayed.

In IE6, I'm just getting the image with normal IE6 behaviour; it fades to white instead of becoming transparent.

I've also tried this instead: img { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(...); }

That didn't work either.

Is this a bug with IETester or am I doing something wrong? :frustration:

Edit: Oh, just read this thread: … l%3F.html. Please fix it, I don't want to go back to Windows and I don't want to install 4+ VMs. Thank you for all your work. <3
Edit2: Sorry for the thread.

Last edited by Brog (2011-08-17 21:13:44)



#2 2011-09-14 11:39:13

New member

Re: PNG Transparency (IE6 and under)

I see you have found a solution to your problem, but I will make note for anyone who may read this thread in future... The alpha transparency filter requires an images path that is RELATIVE TO THE ELEMENT it is applied to, and NOT relative to the stylesheet it may be in. I battled this oversight for hours once before...

Last edited by cbc (2011-09-14 11:40:13)