Comments on: IE6 PNG Fix

By: Dave

Dave — Sun, 06 Sep 2009 13:33:53 +0000

Hi Martin, basically the HTC file references it and uses it to allow transparency in IE6

By: Martin

Martin — Sun, 06 Sep 2009 13:14:08 +0000

Is something missing? Or have I got muddled? There is mention of blank.gif being needed, and being explained later – but I cannot find any subsequent mention of it.

By: Derrck

Derrck — Thu, 27 Nov 2008 05:33:03 +0000

i just used MS alpha filter. easy as pie.
the trick with links is that the links div must have positioning and the containing div cannot. works perfectly.
also use PNG 32 format.

By: Derrck

Derrck — Wed, 26 Nov 2008 22:51:12 +0000

can’t click on links. bummer. basically useless script unless you have an image only page.

just to let others know.

By: saul

saul — Thu, 11 Sep 2008 20:17:32 +0000

By: saul

saul — Thu, 11 Sep 2008 20:15:52 +0000

@Phil: U Could you use the following for your background and the IE6 PNG fix for non-repeatable images,

#bgContainer { filter: progid:DXImageTransform.Microsoft.gradient (GradientType=0, startColorstr=#aa000000, endColorstr=#aa000000);}

Perhaps this is a little old hat or misses the point – i do realise you are looking for a uniform fix but nevertheless as a substitute for a repeatable transparent image background, which you can also layer, you could use it?!

Within the same conditional type statements an alternative to the fix for non-repeatable images:

#img1 img { filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0);}
#img1 { filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src=’images/tran.png’,sizingMethod=’image’);}

Pretty old solution, i’ve been doing other things so pls don’t flame me, also some people don’t like the conditionals but works effectively and can produce some amazing effects.

Good work Dave, I will see what i can do with this. TY.

By: Phil

Phil — Thu, 21 Feb 2008 15:46:57 +0000

That’s awesome !!!
But is there actually a way to make it work with a repeatable background image ?

By: Rob

Rob — Wed, 20 Feb 2008 19:44:35 +0000

This is a great way of getting PNG’s to work for IE6!
I was playing with this earlier on when I ran into a few issues with links. I was using the png as a background image within the div which has an absolute positioned link above. The link in IE6 didn’t render, nothing happened when the mouse highlighted over. I found out that the div containing the background png cannot use positioning when you want to use a clickable link! So I wrapped the div containing the background image with a div that I could position. The link I currently had was positioned absolute, this also made the link fail. By removing the positioning and then floating this element I was able to get the link working. Got there in the end!

Ray, have you tried root relative paths?

By: Dave

Dave — Sun, 10 Feb 2008 13:59:04 +0000

Hi Ray, do you have a link available where I can see this in action and I’ll take a look for you.

By: Ray Howell

Ray Howell — Sun, 10 Feb 2008 12:40:39 +0000

Hi Me again; I must be stupid maybe – I’m certainly confused – didn’t set the path to the blank.gif; that said; still doesn’t work I now end up with a white square where the chicken should be. What am I doing wrong? any ideas? The blank.gif is blank totally so it is not picking up the ‘colour’ of that. I’m lost. Bye