我在一个带有jQuery 1.7.2的页面上使用了Google Fonts API。我只需添加我的漂亮字体:
<link href='http://fonts.googleapis.com/css?family=Marmelad' rel='stylesheet' type='text/css'>
然后,我使用jQuery来淡出一个div,将第二个HTML文件加载()到这个div中,然后淡入。一切都很好。
问题是页面上的任何Marmelad (我的google字体)文本都会在fadein转换结束时闪烁。如果我只是简单地将相同的Marmelad文本更改为Arial或其他常用字体,则不会发生闪烁。
有人知道怎么解决这个问题吗?
这就是我如何在div中淡出/。
jQuery("#clickme").click(function() {
jQuery('#secondarybox').fadeOut('fast', function() {
jQuery('#secondarybox').load('nextstep.html', function() {
jQuery('#secondarybox').fadeIn('slow'); }); });
});
同样,当我在整个页面上使用Arial时,没有文本闪烁,但如果我使用Google Font,所有文本都会闪烁,包括不参与转换/淡入淡出的文本。
发布于 2012-06-16 05:26:59
这对我很有帮助:
$('.slider_container').fadeIn(function(){
this.style.removeAttribute("filter");
});
这只是IE的解决方案。我在Chrome中遇到了同样的问题。
https://stackoverflow.com/questions/10731876
复制相似问题