ページが読み込まれると、mypic.jpgはブラウザからダウンロードされますか？

Question

#test1 { 
 
    display: none; 
 
} 
 
#test2 { 
 
    background-image: url('mypic.jpg'); 
 
    visibility: hidden; 
 
}

<div id="test1"> 
 
    <span id="test2"></span> 
 
</div>

なぜyesまたはno理由を記入してください。

Answer 1

すべてのリソースはユーザーのコンピュータにダウンロードされるので、はい、それはになります。

ローカルキャッシュに既にそのコピーがあり、コンテンツが変更されず、期限が切れていない場合、ブラウザはリソースを再ダウンロードしません。