jQuery IE animation on text gives strange effect
Someone knows solution for this kind of IE bug?
http://img3.imagesh开发者_开发技巧ack.us/img3/3007/strangeopacity.png
Using 1.4.4 jQuery
font-family: 'Trebuchet MS', Helvetica, Arial, sans-serif; font-size: 14pt;
IE7 & IE8 same effect
function loop_fade(){
$('#m_notices_c').animate({opacity:0.1},500,function(){
$('#m_notices_c').animate({opacity:1},500,loop_fade);
});
}
$(document).ready(function(){
loop_fade();
});
This is a Cleartype glitch and the problem is documented nicely at http://blog.bmn.name/2008/03/jquery-fadeinfadeout-ie-cleartype-glitch/
this has to do with ie handling transparent backgrounds with alpha blending.
the easiest solution should be something like
#m_notices_c { background:#fff; }
精彩评论