jQuery fadeIn不在firefox上工作

我的body标签设置为display:none ,而在document.ready中,我执行$('body').fadeIn(1000); 。 它适用于Chrome但在FF上页面保持display:none

我的网站在这里

如果你想淡入你的身体,使用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; } } 

然后在你的身体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的人。

styles.css和inline上都有display:none

尝试从styles.css文件中删除它,因为它已经内联声明。

正如有人现在已经删除了他们的评论所说的那样,事实就是身体上的事实。 我在正文中添加了一个div并在其上应用了样式和jquery,它运行良好。