如何使多个页面使用的图像仅加载一次

Question

在我的网站上，我为每个页面使用相同的背景图像，如果可能的话，我只希望将其下载一次给用户，这样就不必在每次点击时再次下载。

我该怎么做？

Link to my website

Answer 1

偏离主题：请勿在{{1​​}}代码上使用background-image！在html上使用它。

关于您的问题：，因为您使用了body，并且每次都会从不同的网址加载您的bg。无论如何，有一个解决方案，使用完整的URL为所有页面加载背景图像。 喜欢这样：

sub-domain

但我建议使用它：

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;
}