最初将内容 div 设置为零

Posted 2023-03-06

【中文标题】最初将内容 div 设置为零

【英文标题】：Set content div to zero initially

【发布时间】：2013-08-07 09:38:48

【问题描述】：

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

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

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

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

网站目前是here。

【参考方案1】：

虽然我认为可以忽略禁用 javascript 的用户，但您可以尝试以下操作：

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

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

【讨论】：

@pythonian29033，我投了赞成票，因为我可以阅读代码，但我无法理解您的答案。 “像往常一样把你的jquery放在工作中”有一个语法错误：-p

我猜在与程序员交谈时使用编程语言比使用口语更好

@pythonian29033 对不起，我开始写我的时候没有看到你的答案。

@Andy 确定你没有 :D 不要出汗，我只想达到 1k 代表

@pythonian29033 :P 好吧，你的答案是2013-08-06 11:48:37，我的答案是2013-08-06 11:48:53。但是，如果您认为我可以阅读您的答案，那么在 16 秒内写下我的答案和代码，我很荣幸：D

【参考方案2】：

我会说，把你的 jquery 放在你通常让它工作的地方，然后添加这个 <noscript> 标签，当然你不能再在 jquery 中制作动画了，但是你'然后将 noscript 标签中的 div 不透明度设为 100%

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