ブラウザーが css を解析しているときに、リソースを検出したときにそれをロードしますか?それとも、css ファイルを読み取って一連の有効なルールを作成した後にロードしますか?
これは、IE では画像を使用するが、それをサポートするブラウザでは RGBA 背景を使用する css です。IE は rgba 値を無視し、代わりに画像をロードしますが、他のブラウザーは画像を要求しません。これは本当ですか？
background:transparent url('../img/content/black-mask.png') repeat top left;
background:rgba(0,0,0,0.7);
ブラウザーは、スタイルシートをドキュメント構造に適用するときに、常に最初に「計算されたスタイル」を生成します。その結果、選択したボックスのプロパティは常に空になります。これは、2 行目に何も設定していないためbackground-image:省略形background:のプロパティがプロパティをクリアするためです。つまり、最初の行が破棄されます。background-image
ただし、計算されたスタイルを使用しても、ブラウザは必ずしも画像をダウンロードするとは限りません。疑似クラスで別の画像を使用してみると、ブラウザーが画像を:hoverダウンロードするときに遅延が発生することに気付くでしょう。
@Andreは、大部分が実装の詳細であるという点で正しいですが、多くの動作はCSS仕様（計算スタイルのものなど）によって定義されています。
スタイルシートによって参照されるリソースをプリエンプティブにダウンロードすることでブラウジング エクスペリエンスを向上させたいブラウザが増えると思いますが、それを期待することはできません (モバイル ブラウザは、セルラー ネットワークを使用している場合、消費するデータ量を減らすためにこれを行うことは決してないかもしれません)。