What I was actually looking for was a way to make the font look the
same after the fade and before the remove attribute. The solution
seems to be so set "filter : none" in my CSS. That way, the font looks
the same in IE7 and Firefox and isn't altered by fade out/ fade in.


On Aug 14, 8:38 pm, Dimitar Christoff <[email protected]> wrote:
> it won't matter - the reason why it cocks the font is because cleartype stops
> working when an IE style.filter: has been applied to the element.
>
> even when you stop fading, if it has filter:none or such like, fonts
> will remain messed up.
>
> up. you need to manually remove the filter attribute from the element to
> fix it
>
> http://www.jsfiddle.net/Qqc25/1/- it's slow on purpose (starts after 2
> seconds) so you can see the onComplete fixing the cleartype by removing
> the attribute
>
> (function() {
>     document.id("foo").set("tween", {
>         onComplete: function() {
>             if (Browser.Engine.trident)
>                   this.element.style.removeAttribute("filter");
>             },
>         duration: 2000
>     }).fade(.5, 1);
>
> }).delay(2000);
>
> Have fun. IE is just wonderful isn't it!
> --
> Dimitar Christoff <[email protected]>
> blog:http://fragged.org/twitter:http://twitter.com/D_mitar

Reply via email to