加载母版页一次

Question

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

Answer 1

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

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

Read this and decide what's best for you!

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

Answer 2

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

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

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

repeat-x ：背景图片只能水平重复 repeat-y ：背景图片仅垂直重复 不重复：背景图片不会重复
inherit ：指定background-repeat属性的设置应该从父元素继承