jquery - 调试为什么当不透明度设置为 0 时元素会短暂出现在页面加载中

Question

如果版主认为这个问题 Not Acceptable ，我提前道歉。

我只是不确定如何调试这个问题，因为大约需要 1 或 2 秒才能发现问题的发生。

请查看this website .

带有彩色 block 的开场消息设置为不透明度 0，然后使用 jQuery，在延迟后，我们将不透明度设置为 1 并使用 CSS 过渡来创建效果。

据我所知，所有三个 block 都是以相同的方式构建的，但由于某种原因，绿色 block 在 opacity=0 开始之前在页面加载时短暂显示。

任何人都可以找出为什么会发生这种情况，或者建议我如何弄清楚这个问题，在 Chrome 开发工具的所有三个 block 中，一切看起来都一样。

如果有任何建议，我将不胜感激。提前致谢。

Answer 1

修复了问题，与加载 jQuery 无关。

在 jQuery 设置不透明度为 0。