0

私のモバイル Web サイトには、2 つのフルスクリーン div があります。

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

#splash-pageの上にあるように z-index を設定しました#content。#contentこれは、を呼び出すまで表示されないようにしたいためです$("#splash-page").hide()。

これが私のCSSです：

#landing {
    z-index: 9999;
}

ただし、このページが低速の接続で読み込まれると、#content表示されてから#splash-page隠れることがあります。

AJAX の読み込みやその他の複雑な操作を行わずに目的の効果を達成するための最良の方法は何#contentですか?

4

2 に答える 2

3

z-index を介して行うのではなく、最初に #content を非表示にするのはどうですか? $("#spalsh-page").hide(); and $("#content").show();その後、タンデムで呼び出すことができます。

display:none;最初に #content にスタイルを設定します

于 2013-08-21T02:38:10.303 に答える
3

css を使用し、デフォルトで表示を none に設定します。

#content
{
display:none;
}
于 2013-08-21T02:38:10.720 に答える