[jQuery] fadeIn() on elements with alpha filter not working properly in IE
I am running into an effect issue with IE only. I have a <UL> with
about 4 <LI> and I apply the fadeIn() on individual <LI> based on user
actions. Inside of each <LI> I have a div that is styled with:
-moz-opacity:.8; opacity:0.80; filter:alpha(opacity=80);
The problem is that when I fadeIn() the <LI> all of its children
elements' opacity is taken from 0 to 100%, AND THEN the div that is
styled with the opacity is taken back to 80%. This causes sort of a
flicker because it goes from 0% to 100% and then quickly back to 80%.
Is there a way to get around this? Is that a known bug? I saw some
people that had posted similar questions but without answers:
http://groups.google.com/group/jquery-en/browse_thread/thread/51e149642787e846/424497df76ec88ad
I would appreciate any tips or work arounds as I am pressed for time
to deliver a page and this is virtually the only issue holding me
back!
additional info:
using: jquery-1.3.2.min.js