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

Popular posts from this blog

javascript - Enclosure Memory Copies -

php - Replacing tags in braces, even nested tags, with regex -