CSSの背景画像を読み込むことの理解に注意を必要とする

Question

Iどのような場合にCSSの背景画像が表示され、読み込まれないかを知りたい。短い答えで「なぜ」を説明することができれば、非常に役に立ちます。

LSO、あなたは次のような状況でのロードCSSの背景画像でブラウザ間のいくつかの違いを認識して、教えてくださいます。 W

現状01

div { height: 300px; } 
.classone { 
    background-image: url("imageone.jpg"); 
} 
.classtwo { 
    background-image: url("imagetwo.jpg"); 
} 

<div class="classone"></div> 

imagetwo.jpgウルドこの場合にロードしますか？ W

現状02

div { height: 300px; } 
.classone { 
    background-image: url("imageone.jpg"); 
} 
.classone { 
    background-image: none; 
} 

<div class="classone"></div> 

imageone.jpgウルドこの場合にロードしますか？

N注意background-image: noneは、最後に来て何が起こり、一般的にCSSでbackground-image: url("")

Answer 1

後に来ます。したがって、ソリューション02では、 "classone"の2番目の定義が最初のものに置き換わります。

編集

ブラウザは、それを実行しながら、必要な画像をダウンロード後、最初にあなたの全体のCSSをダウンロードします。あなたのブラウザは、あなたが背景画像に置き換えられたことを知っているので、それをダウンロードしません。