javascript - 加载母版页一次

Question

我正在尝试创建一个基于模板的网站，我的背景对于所有 html 页面都是通用的。是否有任何特定的解决方案只加载我的背景图像一次并将其用于我剩余的 html 文件？

Answer 1

您可以使用以下代码创建一个外部 css（样式表），然后将该样式表链接到您的所有页面。然后每个页面的正文标签将图像作为背景。

body
{
    background-image:url('some-pic.gif');
    background-repeat:repeat-y;
}

注意： background -repeat属性告诉图像将如何重复，如下所示：

repeat-x : 背景图只水平
重复 repeat-y : 背景图只垂直
重复 no-repeat : 背景图不重复
inherit : 指定背景重复属性的设置应该是从父元素继承

Answer 2

另一种在 HTML 页面中缓存图像的有趣方法是将图像作为数据 URI添加到 CSS 中。

在 HTML 页面中使用这个 CSS 类，浏览器也喜欢缓存 CSS 文件；）

阅读本文并决定什么是最适合您的！

提示：尝试制作一个小的 .png 图像文件并在 css 中执行{background-repeat: repeat}