加載精靈1次或多次？

Question

我想知道，如果我這樣做：

<div style="width:50px;height:50px;background: transparent url(sprite.png) 0px 0px no-repeat;">555</div> 
<div style="width:50px;height:50px;background: transparent url(sprite.png) -56px 0px no-repeat;">666</div> 
<div style="width:50px;height:50px;background: transparent url(sprite.png) -109px 0px no-repeat;">666</div> 

這種的下載圖像的3倍？

還是要下載圖像1次，並在網頁中顯示它的不同部分？

Answer 1

它將被下載一次，除非緩存關閉，獲取Firebug並觀察HTTP請求，然後您將更好地瞭解頁面加載時會發生什麼。

Answer 2

瀏覽器應該下載一次，除非你正在設置一些醜陋的那種無緩存頭，事情

Answer 3

它只會下載一次，不用擔心。

Answer 4

它僅下載圖像1次，並顯示在不同元件的一部分它:)

它在A list Apart的CSS子畫面的文章中更詳細地解釋。