最初将内容div设置为零

Question

我正在开发一个网站，我希望我的内容div在加载页面时以0不透明度开始，然后在短时间后淡入100％。我有这个工作得很好，但我不确定我如何处理这是最好的方法。

我似乎已经读过，最好不要在CSS中将不透明度设置为零，而是通过jQuery将它们设置为零。这样，如果用户没有启用Javascript，他们仍然可以看到内容。

然而，有时这种方法有其故障，至少在我的页面上。有时HTML会在脚本有机会接管之前加载。这导致页面最初显示，然后消失，然后根据需要淡出。没什么大不了的，但不像我想的那么顺利。

有没有更好的方法来处理最初的不透明度设置为零？

网站目前为here。

Answer 1

虽然我认为可以忽略已禁用javascript的用户，但您可以尝试这样的事情：

<style>
    #content{
        opacity:0;
    }
</style>

<noscript>
<style>
    #content{
        opacity:1;
    }
</style>
</noscript>

Answer 2

我会说，把你的jquery放在工作中，就像你通常会工作一样，然后添加这个<noscript>标签，当然你将无法在jquery中制作动画，但你会在noscript标签中将div不透明度设为100％

编辑：您可以在noscript标签中添加Joe的答案中的样式，然后您将有其他解决方案：）