如何使多個頁面使用的圖像只加載一次

Question

在我的網站上，我爲每個頁面使用相同的背景圖像，如果可能的話，我只想將它下載一次，以便它不必每次點擊都會再次下載。

我該怎麼做？

Link to my website

Answer 1

題外話：不要html標籤使用background-image！在body上使用它。

關於您的問題：，因爲您使用sub-domain，並且每次都會從不同的url加載您的bg。無論如何，有一個解決方案，即使用完整的URL加載圖像的背景，所有頁面。 像這樣：

html { 
    background: url(http://www.trinity-international.com/tower3.jpg) no-repeat center center fixed; 
    -webkit-background-size: cover; 
    -moz-background-size: cover; 
    -o-background-size: cover; 
    background-size: cover; 
} 

，但我建議使用此：

body { 
    background: url(http://www.trinity-international.com/tower3.jpg) no-repeat center center fixed; 
    -webkit-background-size: cover; 
    -moz-background-size: cover; 
    -o-background-size: cover; 
    background-size: cover; 
}