Side navigation
#2457 closed bug (invalid)
Opened March 04, 2008 08:10PM UTC
Closed May 02, 2011 07:59AM UTC
fadeIn Effect causes text to loose TrueType in IE7, solution included
Reported by: | chris1234p | Owned by: | chris1234p |
---|---|---|---|
Priority: | low | Milestone: | 1.next |
Component: | effects | Version: | 1.4.3 |
Keywords: | fadeIn, animation | Cc: | |
Blocked by: | Blocking: |
Description
This was driving me insane for a whole day, I noticed that the text on my page was thinner and uglier then it should have been. Turns out I was fading the whole page in upon document ready. A known fix is to completely remove the filter attribute/style after fading in or out.
I learned about this fix here: http://mattberseth.com/blog/2007/12/ie7_cleartype_dximagetransform.html
Attachments (0)
Change History (10)
Changed April 30, 2008 07:48AM UTC by comment:1
Changed May 11, 2008 10:29PM UTC by comment:2
component: | core → fx |
---|
Changed June 06, 2008 12:13PM UTC by comment:3
I agree that this should be fixed in jQuery rather than in individual plugins. I have code to handle this in the Cycle Plugin since it supports fade transitions. I often point people to this page when they have cleartype problems, although it's not a full solution:
Changed August 15, 2010 04:18PM UTC by comment:4
I made some changes, that should fix this annoying bug. You can find the changes here:
http://github.com/aFarkas/jquery/commit/7e588fca9d66df833639e28e0d94ceb7f4eee40c
Changed October 14, 2010 12:11PM UTC by comment:5
Has this been fixed yet? I have stopped using all fade animations because of this issue. It would be nice to use them again.
Changed October 15, 2010 07:25PM UTC by comment:6
milestone: | 1.2.4 |
---|---|
priority: | major → low |
status: | new → open |
version: | 1.2.3 → 1.4.3 |
Looks like IE8 is smart enough to ignore 100% opacity but earlier versions of IE are not.
Changed November 05, 2010 02:05PM UTC by comment:7
I also ran into the display problem in IE, and changing the zoom value seems to fix it for me.
$('div#test').fadeOut ('slow').fadeIn ('slow',function(){$(this).css ('''{zoom:'normal'}''')});
Maybe the default value should be set to 'normal' instead of 1?
Changed January 21, 2011 04:51PM UTC by comment:8
Also, If you take the 'normal' out of zoom:
like this; ({zoom:''})
works the same as in 'normal' in IE7/IE8.
Changed April 17, 2011 07:16PM UTC by comment:9
milestone: | → 1.next |
---|---|
owner: | → chris1234p |
status: | open → pending |
I've created a test case here and am unable to reproduce: http://jsfiddle.net/timmywil/3TJcy/ If this is still an issue, please update my test case or provide a new one.
Changed May 02, 2011 07:59AM UTC by comment:10
resolution: | → invalid |
---|---|
status: | pending → closed |
Because we get so many tickets, we often need to return them to the initial reporter for more information. If that person does not reply within 14 days, the ticket will automatically be closed, and that has happened in this case. If you still are interested in pursuing this issue, feel free to add a comment with the requested information and we will be happy to reopen the ticket if it is still valid. Thanks!
Please, ClearType and Background on IE6 and IE7 issue must be fix. It is very annoying to have to include a fix every time I use animations like fadeOut(), fadeIn(), hide(), and show().
You can download this file to test it out in IE6 and IE7:
http://www.williamchang.org/jquery/index.htm
CSS:
JavaScript:
I'm new. Please don't let me down jQuery.