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

Question

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

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

我已设置了z-index，因此#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();。

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

Answer 2

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

#content
{
display:none;
}