javascript - 如何确保背景中的 div 在隐藏之前不可见？

Question

对于我的移动网站，我有两个全屏 div，例如：

<div id="splash-page"> ... </div>
<div id="content"> ... </div>

我已经设置了 z-indexs，所以它#splash-page位于#content. 这是因为我想要它，所以#content在我打电话之前它是不可见的$("#splash-page").hide()。

这是我的CSS：

#landing {
    z-index: 9999;
}

但是，当此页面以慢速连接加载时，有时#content会显示然后#splash-page覆盖它。

在不进行 AJAX 加载或其他复杂操作的情况下实现所需效果的最佳方法是什么#content？

Answer 1

最初只是隐藏#content，而不是通过z-index来做呢？然后你可以$("#spalsh-page").hide(); and $("#content").show();串联调用。

我display:none;最初会在#content 上添加一个样式

Answer 2

使用 css 并将 display 默认设置为 none：

#content
{
display:none;
}