开发者

jQuery IE animation on text gives strange effect

开发者 https://www.devze.com 2023-02-04 04:44 出处:网络
Someone knows solution for this kind of IE bug? http://img3.imagesh开发者_开发技巧ack.us/img3/3007/strangeopacity.png

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; }
0

精彩评论

暂无评论...
验证码 换一张
取 消