Side navigation
#4779 closed bug (duplicate)
Opened June 17, 2009 04:17PM UTC
Closed November 19, 2010 10:37AM UTC
Last modified November 19, 2010 10:37AM UTC
ClearType issue with fadeIn() and fadeOut() in IE only
| Reported by: | Reado | Owned by: | |
|---|---|---|---|
| Priority: | minor | Milestone: | 1.4 |
| Component: | effects | Version: | 1.3.2 |
| Keywords: | fadein, fadeout, cleartype | Cc: | |
| Blocked by: | Blocking: |
Description
When using either fadeIn() or fadeOut() in IE7 (not sure if this affects other versions) the text doesn't use ClearType when fading in/out.
Use of this.style.remoteAttribute("filter") seems to work in IE but not in Firefox. In IE it applies the filter change after it has faded in/out - which still doesn't look right.
This issue doesn't occur with Firefox.
Code:
$(document).ready(function(){
$("#container").hide().fadeIn(150);
});
Suggested fix is here:
http://jquery-howto.blogspot.com/2009/02/font-cleartype-problems-with-fadein-and.html
I searched for this bug but couldn't find it - so apologise if it already exists.
The problem with removing the inline filter is that the element will return to the cascade-defined filter if there is one present. I know there is a similar ticket around but I'll leave this open for now.