0

ページ送信後に読み込み中の画像を表示したい。ページの中央に画像をロードして、ページのコンテンツを表示する透明な背景が必要です。私は以下を使用しました

    #loading {
    position:fixed;
    top:50%;
    left:50%;
    z-index:1104;
    background-color:#999999;
    width:100%;
    height:100%;

    }

答えにJavaScriptの部分を含めないでください。スタイリングについて知りたいだけです。

これはページ全体に背景色を与えていません。ページの中央に読み込み中の画像を表示する方法を教えてください。ページのコンテンツはわずかに表示されます。

ありがとう

4

2 に答える 2

3

ロード中のコンテンツとのやり取りをすべて無効にしたい場合は、単純に要素をオーバーレイしてその背景を中央に配置できます。

#overlay { 
    /*Cover the entire screen regardless of scrolling*/ 
    position:fixed;top:0;right:0;bottom:0;left:0; 
    background: #ff0000 url(...) no-repeat 50% 50%; 
}

デモ用に半透明の bgcolor をいじっています。

編集:実際に要素を垂直方向と水平方向の両方で中央に配置するのは困難です。

于 2012-06-21T06:51:04.180 に答える
3

上:50% & 左:50% を削除します。

http://jsfiddle.net/qqncv/1/

于 2012-06-21T06:45:13.277 に答える