如何確保背景中的div在隱藏之前不可見？

Question

對於我的移動網站，我有兩個全屏幕的div，例如：

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

我已經設置了Z-指數法，使#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;風格上＃內容最初

Answer 2

使用CSS和設置顯示爲無默認：

#content 
{ 
display:none; 
}