[thelist] AlphaImageLoader woes

Ron Dorman rwd at csi1st.net
Fri Jan 5 09:41:32 CST 2007

Rick den Haan wrote:
> Hello all,
> I've just started work on implementing a redesign, for which the 
> designer used some semi-transparent backgrounds. I'm using a 24-bit PNG 
> image for that, while loading a seperate stylesheet for IE 6 and earlier 
> through conditional comments. This has just one simple rule:
> .backed {
>     background-image: none !important;
>     zoom: 1;
> filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/backing.png',sizingMethod='scale');
> }
> (the original stylesheet has .backed { background-image: 
> url('images/backing.png'); })
> Now, here's the kicker:
> On my main navigation DIV, which contains a UL with left-floated LI's, 
> all but the last of the links are unclickable in IE6. If I disable the 
> AlphaImageLoader, no problem, but I don't have the semi-transparent 
> background.
> Can somebody help me find out why this is happening? I'm thoroughly 
> stumped. The URL is http://www.osponline.nl/nieuw/index.php
> Thanks in advance,
> Rick.
We used an alternate solution to handle transparent png's in IE, 
documented for use in Drupal at drupal.org/node/98609 
<http://drupal.org/node/98609>. and the original info and code is at 
koivi.com <http://koivi.com/ie-png-transparency>.

We did not get background images handled within the Drupal framework, 
but did on homegrown stuff.

Maybe it will help you.

Ron D.

More information about the thelist mailing list