javascriptjqueryinternet-explorer-8apache-shindig

Distortion of text in IE


Im using shinding engine , and whenever I move one gadget for repositioning, the bold text inside that gadget gets distorted.

  1. Before Moving gadget
  2. After moving gadget

Solution

  • IE has an issue where it stops using anti-aliasing once parts of the DOM are modified. There are some work-arounds (Google for these). I think IE9 fixes the problem.

    See this question: jQuery fadeIn leaves text not anti-aliased in IE7

    Some links in that seem dead.

    One of these two changes might help (you may have to experiment with which element to apply them to):

    myElement.style.filter = '';
    

    or

    $(myElement).removeAttr('style');
    

    Other info: http://reference.sitepoint.com/css/haslayout http://reference.sitepoint.com/css/filter