利用CSS设置固定背景(即滚动内容时背景不动)

1、在右边的CSS样式面板中点击新建CSS规则按钮,如下图所示:

2、新建CSS规则的选择器类型为“标签(重新定义HTML元素)”,选择器名称为body,如下图所示:

3、在规则定义对话框中点击背景分类,设置规则的背景图片,将Background-repeat设为no-repeat,Background-attachment设为fixed,Background-position(X)设为center、Background-position(Y)设为top,如下图所示:

4、输入足够多的文字,使得页面浏览时出现垂直滚动条,这样就可以看到固定背景的效果了,点击查看效果

5、本例中所定义的CSS样式规则如下:

<style type="text/css">
body {
  background-attachment: fixed;
  background-image: url(images/css_10.jpg);
  background-repeat: no-repeat;
  background-position: center top;
}
</style>