如何固定背景不随滚动条滚动？

首先我们先了解几个背景属性值：

1、背景图片的设置 background-image：url(背景图片的路径及全称)；背景图片的显示原则

1）容器尺寸等于图片尺寸，背景图片正好显示在容器中

2）容器尺寸大于图片尺寸，背景图片将默认平铺，直至铺满元素；

3）容器尺寸小于图片尺寸，只显示元素范围以内的背景图。

网页上有两种图片形式：插入图片、背景图；插入图片：属于网页内容，也就是结构。背景图：属于网页的表现，背景图上可以显示文字、插入图片、表格等。

2、背景图片平铺属性{background-repeat:no-repeat/repeat/repeat-x/repeat-y }

no-repeat为不平铺，repeat为默认值，默认平铺，repeat-x为水平平铺，repeat-y为垂直平铺。

3、背景图的位置属性{background-position:left/center/right/数值 top/center/bottom/数值;}

水平方向上的对齐方式（left/center/right）或值垂直方向上的对齐方式(top/center/bottom)或值background-position:值1 值2;两个值 ：第一个值表示水平位置的值，第二个值：表示垂直的位置。当两个值都是center的时候写一个值就可以代表的是水平位置和垂直位置说明：向左方向，向上方向是负值

4、背景图的固定属性{ {background-attachment:scroll(