哪個更快：切換顯示兩個div，或切換背景圖像？

Question

我有36個png關鍵幀，我想逐個顯示。我看到了兩種通用的方法：有36 div塊與background-image不同display財產，或具有單個div塊，並設置不同的background-image就可以了。我想知道哪種方式更快。

Answer 1

切換可見性意味着您的圖像已經從服務器下載（除非您在加載完成後切換過快）。改變背景會產生新的請求，直到你切換全部。

除非您可以使用精靈並更改背景位置。

我不認爲改變顯示或背景之間的性能差異很大，它仍然只是改變一些CSS。