|
所谓固定网页背景，指的是打开一个网页后，当用户拖动滚动条或滑动鼠标滑轮或按了翻页键等进行翻页时，网页的背景图片静止不动，只有网页内容在翻滚。亦即，在翻页的时候，网页内容诸如文字、图片等可视元素好像是悬浮于网页背景之上的。固定网页背景的好处主要有二，一为节约资源，道理是：翻页时系统不用复制背景图片；二是美观。
下面介绍两种实现方法：
第一种方法非常简单，只需在HTML代码中的<body>代码域里加入以下代码即可：background="图片地址" bgproperties="fixed" ，本文采用的就是这种方法。其中的 bgproperties="fixed" 为设定背景图片的模式，它的取值是唯一的，只有一个 fixed ，即固定。
第二种方法是用CSS方法，略为复杂，但它的可控制性更强（比如背景图片是否复制、背景图片显示于何处）。详细实现方法为：在<head>和</head>之间插入以下代码——
<style>
body {background-image:url(图片地址);background-repeat:no-repeat;background-position:center bottom}
</style>
【解释】
background-image：指定背景图片地址，形式为url(图片地址)，可用绝对和相对路径。
background-repeat：指定背景是否复制。值为no-repeat表示不复制，此时背景图片按原图片大小显示于指定位置；值为repeat表示复制，背景图片将以平铺的方式显示于整个页面。缺少此参数表示复制。
background-position：背景图片的起始位置，其值要成对使用，用以规定图片显示位置的横向和纵向起始位置，如居中则表示如下：
background-position:center center
如果你的网页使用单独的CSS文件，实现方法基本一致，你只需要在body{}的大括号里加入相应的代码即可。
值得注意的是，如果你的网页使用表格布局，那么，在需要显示背景图片的地方，表格的背景色不应该设置，表格的背景图片也不能要，否则网页的背景图片将显示不出来。本文中，页面的上边、左边和下边的表格都使用了背景色，因而页面设置的背景图片未能在这些区域显示出来。
|