イメージは表示されますか：それでもまだHTTPリクエストを行いませんか？スタイルシートで

Question

：HTMLで

#sj {display: none} 

：

<img id="sj" src="scarlett-johansson.jpg" width="640" height="360" alt="scarlett johansson" /> 

はイメージが起こるかどうかのためにHTTPリクエストをしていますか？

Answer 1

はい、依然としてHTTP要求が発生します。例：http://jsfiddle.net/RzFG2/

Answer 2

はい、依然として要求は消えますが、イメージは表示されません。

Answer 3

display:noneを使用してHTTPリクエストを防止する方法があります。 CSSに画像をbackground-imageにして、親要素をdisplay:noneに設定する必要があります。

HTML：

<div id="test3"> 
    <div></div> 
</div> 

CSS：

#test3 div { 
    background-image:url('images/test3.png'); 
    width:200px; 
    height:75px; 
} 
@media all and (max-width: 600px) { 
    #test3 { 
     display:none; 
    } 
} 

ここでは、あなたがこの問題にテストのすべての種類を読むことができlinkです。あなたはIMG要素ブラウザのコンソールCTRLシフト + J中とネットワークセクションフィルタ内の要求があったかどうかをテストし、それらがリフレッシュ時にロードされているかどうかを確認することができます

Answer 4

。

まあ、これはあなたがそれをテストすることができる方法であるが、私はので、私は自分自身でこれを確認するために怠惰にしたことをここにいると、それはstackoverflowの:)