[jQuery] Re: Strange bold look after a show in IE6

[Mike Alsup]

  Or, as Snef mentioned, you can define a background color in your
  stylesheet for the element that is being faded.


Setting the background color will only fix the issue in IE6 and only
for certain font sizes.  IE7 will still display the text poorly if
cleartype is enabled.  A more general fix for using jQuery's fade
functions can be found here:

http://malsup.com/jquery/fadetest.html

Mike

[jQuery] Re: Strange bold look after a show in IE6

[Karl Swedberg]

Absolutely. Thanks for the clarification (no pun intended), Mike.

It seemed the OP was referring specifically to IE6, but a more robust  
solution is definitely called for.


Cheers,


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



On Mar 29, 2008, at 8:17 AM, Mike Alsup wrote:




Or, as Snef mentioned, you can define a background color in your
stylesheet for the element that is being faded.



Setting the background color will only fix the issue in IE6 and only
for certain font sizes.  IE7 will still display the text poorly if
cleartype is enabled.  A more general fix for using jQuery's fade
functions can be found here:

http://malsup.com/jquery/fadetest.html

Mike

[jQuery] Re: Strange bold look after a show in IE6

[Olivier Percebois-Garve]

Thanks guys for extensive answers

Setting a background partially solved the issue. I'll investigate more 
on this back at work on Monday.
It seems that YUI is slightly better on this than jQuery. 
http://icant.co.uk/sandbox/msieopacityissue/
Mike, I will test your plugin, once I get back to a buggy LCD screen. 
Is it doing the same as YUI ?

Have you submitted it as a patch for jQuery ?

thanks

-Olivier

Mike Alsup wrote:

 Or, as Snef mentioned, you can define a background color in your
 stylesheet for the element that is being faded.




Setting the background color will only fix the issue in IE6 and only
for certain font sizes.  IE7 will still display the text poorly if
cleartype is enabled.  A more general fix for using jQuery's fade
functions can be found here:

http://malsup.com/jquery/fadetest.html

Mike

  

[jQuery] Re: Strange bold look after a show in IE6

[Mike Alsup]

  Mike, I will test your plugin, once I get back to a buggy LCD screen. Is
 it doing the same as YUI ?

What is YUI doing?

[jQuery] Re: Strange bold look after a show in IE6

[Snef]

Try to use a background

Olivier Percebois-Garve wrote:
 Hi all,

 I'm using animate({opacity: 1});
 It produces a strange effect on IE6 where the text appears sort of bold (or
 sort of duplicated) and a little dirty.
 With show() I see this effect during the transition, but when it is finished
 it looks ok.
 With animate({opacity: 1}); it remains dirty after the effect.
 Anybody experienced this ?
 Any know fix or workaround ?

 thanks

 -Olivier

[jQuery] Re: Strange bold look after a show in IE6

[Tamm Sjödin]

just as a tip, a blank.gif usually works as well as any background in  
this fix (1x1 pixels filled with nothing for any beginners ^^)


Live long and prosper,
Tamm Sjödin

On Mar 28, 2008, at 4:21 PM, Snef wrote:



Try to use a background

Olivier Percebois-Garve wrote:

Hi all,

I'm using animate({opacity: 1});
It produces a strange effect on IE6 where the text appears sort of  
bold (or

sort of duplicated) and a little dirty.
With show() I see this effect during the transition, but when it is  
finished

it looks ok.
With animate({opacity: 1}); it remains dirty after the effect.
Anybody experienced this ?
Any know fix or workaround ?

thanks

-Olivier

[jQuery] Re: Strange bold look after a show in IE6

[rorschak]

This normally only affects IE6 when using an LCD monitor.  It has to due with
the font-smoothing settings on your monitor.  LCDs use Cleartype by default
(I believe), which when using an opacity on your show effect produces that
fuzzy look.  If you turn off Cleartype on your monitor this should fix your
problem, but I doubt you'll get other people to do the same.  The best idea
would be to take any opacity setting off of your animation.  On the other
hand, if you're using a CRT and turn Cleartype on, you can reproduce the
fuzziness.

Or do like i do and tell IE6 people they're using IE6, so they deserve it :)

Hope that helps.


Olivier percebois-Garve wrote:
 
 Hi all,
 
 I'm using animate({opacity: 1});
 It produces a strange effect on IE6 where the text appears sort of bold
 (or
 sort of duplicated) and a little dirty.
 With show() I see this effect during the transition, but when it is
 finished
 it looks ok.
 With animate({opacity: 1}); it remains dirty after the effect.
 Anybody experienced this ?
 Any know fix or workaround ?
 
 thanks
 
 -Olivier
 
 

-- 
View this message in context: 
http://www.nabble.com/Strange-%22bold%22-look-after-a-show-in-IE6-tp16354933s27240p16358810.html
Sent from the jQuery General Discussion mailing list archive at Nabble.com.

[jQuery] Re: Strange bold look after a show in IE6

[Karl Swedberg]

On Mar 28, 2008, at 2:41 PM, rorschak wrote:




This normally only affects IE6 when using an LCD monitor.  It has to  
due with
the font-smoothing settings on your monitor.  LCDs use Cleartype by  
default
(I believe), which when using an opacity on your show effect  
produces that
fuzzy look.  If you turn off Cleartype on your monitor this should  
fix your
problem, but I doubt you'll get other people to do the same.  The  
best idea
would be to take any opacity setting off of your animation.  On the  
other
hand, if you're using a CRT and turn Cleartype on, you can reproduce  
the

fuzziness.

Or do like i do and tell IE6 people they're using IE6, so they  
deserve it :)


Or, as Snef mentioned, you can define a background color in your  
stylesheet for the element that is being faded.


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