2013-05-30 144 views
1

我想创建一个基于模板的网站,其中我的背景是所有html页面的共同点。有没有什么特别的解决方案只加载我的背景图像一次,并为我的剩余的HTML文件使用相同的?加载主页面一次

+3

浏览器爱缓存图像 –

+1

继承只要确保您使用同一图像上的所有网页和浏览器会在加载一次后缓存它。有时用户可以禁用缓存或按下Ctrl-F5,这样可以防止使用缓存版本。另外请注意,如果您更改图片,则不会立即为所有用户更改,有些用户会将其缓存。 – Aneri

+0

它会在每次点击时加载页面 – user2436012

回答

0

您可以用下面的代码创建一个外部css(样式表),然后将该样式表链接到您的所有页面。然后,每个页面的body标签将具有图像作为背景。

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

注:背景重复属性将告诉您如何如下图像将被重复:

重复-X:背景图像将仅重复水平
重复-y:背景图像将仅重复垂直
不重复:背景图像将不再重复
继承:指定背景重复属性的设置应该从父元素