当Javascript不可用时,jQuery Fade-in变通方法

Question

我一直在我的主页上使用jQuery淡入淡出,我最近刚刚意识到当Javascript被禁用时它显示黑屏.display: none当Javascript不可用时,如何更改删除属性？

脚本:

<script type="text/javascript">
   $(document).ready(function(){
       $('html').fadeIn(3000);
   })
</script>

CSS:

html {
    background: #000;
    height: 100%;
}
body {
    background: black url(images/bg.jpg) no-repeat 200px center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    display: none;
    margin: 0;
    height: 100%;
    padding-left: 40px;
    padding-top: 25px;
} 

Answer 1

<noscript>
   <style type="text/css">
       body {display: block;}
   </style>
</noscript>

在问题中的样式显示正文后,在您的头部.

或者只是添加:

document.body.style.display = 'none';

在你的javasript而不是用CSS隐藏身体,因为等待DOM就绪会导致闪烁.