javascript - Javascript 不可用时的 jQuery 淡入解决方法

Question

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

脚本:

<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 就绪会导致闪烁。