Hey guys, due to corporate restrictions I couldn't share a link to the
live problem. However I managed to solve the issue by doing a
separate fadeIn() of each element inside my <LI> and treating the one
with the opacity like Danny mentioned above:
$('elementToFade').find('div.opacity').css('filter','alpha
(opacity=80)').fadeIn();
Thanks for the help guys!
On Jun 2, 3:27 pm, "danny.copel...@gmail.com"
<danny.copel...@gmail.com> wrote:
> How about targeting the child, like so:
>
> $('elementToFade').find('div.opacity').css('filter','alpha
> (opacity=80)').fadeIn();
>
> On Jun 2, 3:21 pm, Luch Univision <lara...@us.univision.com> wrote:
>
> > Mauricio,
>
> > I am dealing with the fading in of one <li> which in turn has three
> > child elements:
>
> > ...
> > <li id="foo">
> > <img />
> > <div class="opacity"></div>
> > <img />
> > <li>
> > ...
>
> > .opacity {
> > -moz-opacity:
> > .8; opacity:0.80;
> > filter:alpha(opacity=80);
>
> > }
>
> > ...
>
> > $('#foo').fadeIn('slow');
>
> > ...
>
> > So, by doing what you suggested, the entire <li> will have the opacity
> > of 80%, but what I really want is just the div inside of the li to
> > keep its opacity (alpha filter in IE) while fading in. NOTE that the
> > end result of the div is fine, but the process of how it gets there
> > through the fading in is what is the problem because it goes from
> > 0-100 . .then 80.
>
> > On Jun 2, 2:44 pm, "Mauricio \(Maujor\) Samy Silva"
>
> > <css.mau...@gmail.com> wrote:
> > > Sorry for the previous post.Hit send early :-(
>
> > > Reset the opacity to IE when fading in the element like so:
>
> > > $('elementToFade').css('filter','alpha(opacity=80)').fadeIn();
>
> > > Maurício
> > > -----Mensagem Original-----
> > > De: Luch Univision
> > > Para: jQuery (English)
> > > Enviada em: terça-feira, 2 de junho de 2009 14:46
> > > Assunto: [jQuery] fadeIn() on elements with alpha filter not working
> > > properly in IE
>
> > > I am running into an effect issue with IE only. ...
> > > -moz-opacity:.8; opacity:0.80; filter:alpha(opacity=80);
> > > ...
> > > I saw some people that had posted similar questions but without
> > > answers:
>
> > >
> > > http://groups.google.com/group/jquery-en/browse_thread/thread/51e1496...
