[thelist] AlphaImageLoader woes

[Ron Dorman]

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.