[jQuery] Re: fadeTo fades up in Safari and FF, down in IE

[polyrhythmic]

  $(object).css(opacity, 0.7).fadeIn(400);

 Ha! That did the trick. Thanks.

 Aaron

@Aaron:

Does this accomplish your original goal, fading TO 70%, in all
browsers?  The code reads to me that it will fade from 70% to 100%.  I
have had so much trouble with the fadeTo working crossbrowser.

Charles
doublerebel.com

[jQuery] Re: fadeTo fades up in Safari and FF, down in IE

[John Resig]

I dunno, but using no jQuery at all, your alpha filter doesn't appear
to be set up properly:
http://dev.jquery.com/~john/ticket/fadeTo/

--John

On 8/17/07, Aaron Scott [EMAIL PROTECTED] wrote:

 I have an element with this style associated with it:

 filter:alpha(opacity=0);
 -moz-opacity: 0;
 opacity: 0;

 Now, I fade it in:

 $(object).fadeTo(1000, 0.8);

 In FF and Safari, this results in the object fading from 0% to 80%
 opacity. But in IE, it makes the object pop in at 100% opacity, then
 fades down to 80%.

 Has anyone seen this before? What am I doing wrong?

 Thanks,
 Aaron

[jQuery] Re: fadeTo fades up in Safari and FF, down in IE

[Aaron Scott]

 For me, I like having the opacity setting in the CSS, so i set it
 there and set display:none.  Then I use fadeIn instead of fadeTo.
 Not a solution, but a possible alternative.  I'm sure someone else
 will have a real solution.


The problem with fadeIn is that it brings the element to 100% opacity;
I need it to only fade to 80%. Thanks, though.

Aaron

[jQuery] Re: fadeTo fades up in Safari and FF, down in IE

[Justin Sepulveda]

Yah I had an issue with this as well.  I use a work around.
For me, I like having the opacity setting in the CSS, so i set it
there and set display:none.  Then I use fadeIn instead of fadeTo.
Not a solution, but a possible alternative.  I'm sure someone else
will have a real solution.

On Aug 17, 10:06 am, Aaron Scott [EMAIL PROTECTED] wrote:
 I have an element with this style associated with it:

 filter:alpha(opacity=0);
 -moz-opacity: 0;
 opacity: 0;

 Now, I fade it in:

 $(object).fadeTo(1000, 0.8);

 In FF and Safari, this results in the object fading from 0% to 80%
 opacity. But in IE, it makes the object pop in at 100% opacity, then
 fades down to 80%.

 Has anyone seen this before? What am I doing wrong?

 Thanks,
 Aaron

[jQuery] Re: fadeTo fades up in Safari and FF, down in IE

[Justin Sepulveda]

Haha.  Whoops.  So i guess don't set the opacity in the css.

$(object).css(opacity, 0.7).fadeIn(400);

If that doesn't work, then I should stop posting to these boards while
at work :-)

On Aug 17, 10:50 am, Aaron Scott [EMAIL PROTECTED] wrote:
  For me, I like having the opacity setting in the CSS, so i set it
  there and set display:none.  Then I use fadeIn instead of fadeTo.
  Not a solution, but a possible alternative.  I'm sure someone else
  will have a real solution.

 The problem with fadeIn is that it brings the element to 100% opacity;
 I need it to only fade to 80%. Thanks, though.

 Aaron

[jQuery] Re: fadeTo fades up in Safari and FF, down in IE

[Aaron Scott]

 $(object).css(opacity, 0.7).fadeIn(400);


Ha! That did the trick. Thanks.

Aaron