CSS - 重用相同的圖像執行像兩個單獨的圖像

Question

我有一個圖像我想設置爲背景，與background-attachment: fixed元素，但我想設置它在兩個div，它以不同的速度滾動。所以當你滾動它'出現'時，兩個div都隱藏在隱藏在它後面的相同圖像上。但是，它實際上需要是兩個獨立的div，其背景圖像集相同。

我很好奇，會使用相同的圖像兩次不會比兩個單獨的圖像笨重嗎？我知道渲染會相對相同，但是在頁面加載方面，它會節省一些性能嗎？

Answer 1

是的，如果URL是完全一樣的。

瀏覽器將緩存媒體資源，如果URL是相同的，所以在兩個地方使用相同的圖像比使用兩個單獨的圖像要好。