jQuery fadeIn 不适用于 Firefox

Question

这个问题不太可能对任何 future 的访客有帮助；它只与一个较小的地理区域、一个特定的时间点或一个非常狭窄的情况相关，通常不适用于全世界的互联网受众。如需帮助使此问题更广泛适用， visit the help center 。

已关闭 10 年前。

我有我的body标签设置为display:none ，在 document.ready 中，我做 $('body').fadeIn(1000); 。它可以在 Chrome 上运行，但在 FF 上页面保持 display:none .

我的网站是here

Answer 1

如果你想淡入 body ，请使用CSS:

@-webkit-keyframes fadeIn {    
    0% { opacity:0; }
    100% { opacity:1; }
}

@-moz-keyframes fadeIn {    
    0% { opacity:0; }
    100% { opacity:1; }
}

@-o-keyframes fadeIn {    
    0% { opacity:0; }
    100% { opacity:1; }
}

@keyframes fadeIn {    
    0% { opacity:0; }
    100% { opacity:1; }
}

然后在你的 body CSS上:

body {
    -webkit-animation: fadeIn 1s linear 1; /* Safari & Chrome */
    -moz-animation: fadeIn 1s linear 1; /* Firefox */
    -o-animation: fadeIn 1s linear 1;  /* Opera */
    animation: fadeIn 1s linear 1;
}

这将处理除 IE9 之外的所有内容，速度会快得多，并且不会让禁用 Javascript 的人感到困惑。