Skip to main content

Bug Tracker

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 babybluebox comment:1

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:

.bgwhite { background-color:#fff; }

JavaScript:

	if($.browser.msie) {$('p#box1').addClass('bgwhite');}
	$('a#link2', $('div.section')).toggle(function() {
		$('p#box1').fadeOut('slow',function() {
			$(this).addClass('error');
		}).fadeIn('slow', function() {
			if($.browser.msie) {$(this).get(0).style.removeAttribute('filter');}
		});
		return false;
	}, function() {
		$('p#box1').fadeOut('slow',function() {
			$(this).removeClass('error');
		}).fadeIn('slow', function() {
			if($.browser.msie) {$(this).get(0).style.removeAttribute('filter');}
		});
		return false;
	});

I'm new. Please don't let me down jQuery.

Changed May 11, 2008 10:29PM UTC by flesler comment:2

component: corefx

Changed June 06, 2008 12:13PM UTC by malsup 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:

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

Changed August 15, 2010 04:18PM UTC by trixi 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 anonymous 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 snover comment:6

milestone: 1.2.4
priority: majorlow
status: newopen
version: 1.2.31.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 anonymous 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 anonymous 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 timmywil comment:9

milestone: → 1.next
owner: → chris1234p
status: openpending

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 trac-o-bot comment:10

resolution: → invalid
status: pendingclosed

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!