jquery - 最初将内容 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>