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...
