背景画像が短く表示されます

Question

私は大きな中心の背景画像を使用するサイトを持っています。これは自然にページ上の他の要素よりも少し遅く読み込まれます。ほとんどの場合、これは問題なく動作しますが、大型モニターのバックグラウンドをカバーするrepeat-x背景画像もあります。唯一の問題は、この小さなファイルが最初に読み込まれ、大きな画像が完全に読み込まれる前に短時間点滅することです。繰り返している背景画像が読み込まれる前に大きな画像を最初にロードする方法はありますか？ありがとう！

Answer 1

私は自分の疑問に対する答えを見つけました。上半身の全体のパターンを繰り返す代わりに、主なコンテンツのあるパターン部分だけを使用しました。大量の画像が読み込まれている間、これは素早く読み込まれ、コンテンツの背後に自然に見えます。返信のためにアーロンに感謝します。

Answer 2

これを達成する方法があるかどうかわかりませんが、javascriptまたはjqueryを使用してdom要素の優先度を変更できます。

Answer 3

厳密にCSSを使用して画像のロード順序を完全に制御する方法はありません。

ブラウザはCSSファイルに記載されている順番で画像をダウンロードしようとしますので、最初に大きな背景を配置すると効果的ですが、ダウンロード時にはそれ以上の理由があります。

DOMの残りの部分がロードされたら、JavaScriptを使用してバックグラウンドを読み込むことができます。