jQuery: The Write Less, Do More JavaScript Library

Fading effects and anti aliasing in IE/Opera

View: New views
4 Messages — Rating Filter:   Alert me  

Fading effects and anti aliasing in IE/Opera

by Nazgulled :: Rate this Message:

Reply to Author | View Threaded | Show Only this Message


Hi
Probably, everyone already noticed on this but when you use fade
effects in IE/Opera where you change the opacity and stuff like that,
the text on these browsers is poorly rendered. By other words, it's
not anti-aliased. It only gets anti-aliased when the opacity is 100%.
This doesn't happen on Firefox...

Is there a way to workaround this problem or this is a *bug* in IE/
Opera that we can't do nothing about?

Re: Fading effects and anti aliasing in IE/Opera

by Nazgulled :: Rate this Message:

Reply to Author | View Threaded | Show Only this Message


Anyone? :(

On Feb 15, 1:27 pm, Nazgulled <nazgul...@...> wrote:
> Hi
> Probably, everyone already noticed on this but when you use fade
> effects in IE/Opera where you change the opacity and stuff like that,
> the text on these browsers is poorly rendered. By other words, it's
> not anti-aliased. It only gets anti-aliased when the opacity is 100%.
> This doesn't happen on Firefox...
>
> Is there a way to workaround this problem or this is a *bug* in IE/
> Opera that we can't do nothing about?

Re: Fading effects and anti aliasing in IE/Opera

by Karl Swedberg-2 :: Rate this Message:

Reply to Author | View Threaded | Show Only this Message


in IE 6, make sure the element being faded has an background color  
defined.

Just four days ago on this list, Mike Alsup provided a solution for  
the problem in IE 7:

> But for IE7 you need to remove the opacity filter after the  
> animation completes:
>
> $('#myDiv').fadeIn(function() {
>     if ($.browser.msie)
>         this.style.removeAttribute('filter');
> });

Hope that helps.


--Karl
_________________
Karl Swedberg
www.englishrules.com
www.learningjquery.com



On Feb 15, 2008, at 11:51 AM, Nazgulled wrote:

>
> Anyone? :(
>
> On Feb 15, 1:27 pm, Nazgulled <nazgul...@...> wrote:
>> Hi
>> Probably, everyone already noticed on this but when you use fade
>> effects in IE/Opera where you change the opacity and stuff like that,
>> the text on these browsers is poorly rendered. By other words, it's
>> not anti-aliased. It only gets anti-aliased when the opacity is 100%.
>> This doesn't happen on Firefox...
>>
>> Is there a way to workaround this problem or this is a *bug* in IE/
>> Opera that we can't do nothing about?


Re: Fading effects and anti aliasing in IE/Opera

by Nazgulled :: Rate this Message:

Reply to Author | View Threaded | Show Only this Message


Thanks. It worked a bit... I mean, when the animation ends, the text
gets smooth as it should be, but during the animation it's all
fuzzy... But through my searching, I believe there isn't a fix for it.
Only the team behind IE can fix it internally, correct or wrong?

On Feb 16, 4:04 am, Karl Swedberg <k...@...> wrote:

> in IE 6, make sure the element being faded has an background color
> defined.
>
> Just four days ago on this list, Mike Alsup provided a solution for
> the problem in IE 7:
>
> > But for IE7 you need to remove the opacity filter after the
> > animation completes:
>
> > $('#myDiv').fadeIn(function() {
> >     if ($.browser.msie)
> >         this.style.removeAttribute('filter');
> > });
>
> Hope that helps.
>
> --Karl
> _________________
> Karl Swedbergwww.englishrules.comwww.learningjquery.com
>
> On Feb 15, 2008, at 11:51 AM, Nazgulled wrote:
>
>
>
> > Anyone? :(
>
> > On Feb 15, 1:27 pm, Nazgulled <nazgul...@...> wrote:
> >> Hi
> >> Probably, everyone already noticed on this but when you use fade
> >> effects in IE/Opera where you change the opacity and stuff like that,
> >> the text on these browsers is poorly rendered. By other words, it's
> >> not anti-aliased. It only gets anti-aliased when the opacity is 100%.
> >> This doesn't happen on Firefox...
>
> >> Is there a way to workaround this problem or this is a *bug* in IE/
> >> Opera that we can't do nothing about?