I have an element that uses a PNG with alpha as the background, and I want to do an fade/appear effect on it. 

It seems that on IE the two Microsoft filters that are needed for both the fade and the PNG background are conflicting  with each other. 

If I fade the same element that already is using the "Microsoft.AlphaImageLoader"  filter, I loose the alpha channel. 

Simple solution was to put the PNG background in a inner div and that worked.

<div id="foobar">
<div id="foobarBG"></div>
</div>

then do the fade/appear on the "foobar" element, while the Microsoft.AlphaImageLoader  filter is applied to "foobarBG"

Like I said this all works great (although it is an annoying IE workaround)

My problem comes when I try to put something in the "foobarBG" element


<div id="foobar">
<div id="foobarBG">
<p>This is some text</p>
</div>
</div>

What IE is doing is "knocking out" the actual text so that I see a "Hole" through my background. When the element is all the way faded on the text POPS on over the hole it created.

So, the question here is: Is it at all posable to use fade/appear in conjunction with a PNG background on IE,  and if so, whats the workaround?

Thanks.

______________________________________________________________________

Alex Duffield . Principal . InControl Solutions . http://www.incontrolsolutions.com 




_______________________________________________
Rails-spinoffs mailing list
[email protected]
http://lists.rubyonrails.org/mailman/listinfo/rails-spinoffs

Reply via email to