CSS Jquery - When I change background color the text becomes fuzzy in IE6? -
i playing around script of auto scrolling text. can check out code here:
http://jqueryfordesigners.com/simple-jquery-spy-effect/
then changed background color white - , text started looking fuzzy , messed - if change light color - appears messy.
this portion changed background color in code:
#sidebar { color: grey; background: #fff; float:left; margin:0 0 24px; padding:15px 10px 10px; width:500px; }
i have noticed in 1 other site on ie7. idea why simple change in background color messes text.
i used ie tested test on ie6 browser http://www.my-debugbar.com/wiki/ietester/homepage
thanks
are you're not using ie css filters in element further tree, such alpha transparency? can make text blurry/fuzzy when cleartype (font smoothing on lcd monitors) enabled, bolded text, so cleartype disabled elements use css filters in ie7+.
see http://blogs.msdn.com/ie/archive/2006/08/31/730887.aspx
edit: here's example of remove filter after items have first faded in:
// increase height of new first item $insert.animate({ height : height }, 1000).animate({ opacity : 1 }, 1000);
might go
// increase height of new first item $insert.animate({ height : height }, 1000).animate({ opacity : 1 }, 1000, function() { if ($.browser.msie) { $(this).get(0).style.removeattribute('filter'); } });
see jquery, animate opacity 1 remove opacity property make better looking on ie
Comments
Post a Comment