1

我将body标签设置为display:none，并且在 document.ready 中设置为$('body').fadeIn(1000);。它可以在 Chrome 上运行，但在 FF 上页面仍然存在display:none。

我的网站在这里

4

3 回答 3

3

如果你想淡入你的身体，使用 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 的人感到困惑。

于 2013-03-29T20:00:41.390 回答
0

您display:none同时拥有styles.css 和内联。

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

于 2013-03-29T19:55:46.287 回答
0

正如已经删除评论的人所说，这是在尸体上的事实。我在正文中添加了一个 div 并在其上应用了样式和 jquery，它工作正常。

于 2013-03-29T19:58:01.410 回答