背景定位和背景固定

background-position

body{
          background-image:url('bgimage.gif');
          background-repeat:no-repeat;
          background-attachment:fixed;
          background-position:center;

}

定位方法:

1.top left

2.top center

3.top right

4.center left

5. center right

6.center center

7.bottom center

8.bottom left

9.bottom right

如果你只定义了一个关键词,那么第二个值将是center.
默认值为:0% 0%
常用负值来定位。

background-attachment

body{
        background-image:url('bgimage.gif');
        background-repeat:no-repeat;
        background-attachment:fixed;
        background-position:center;
  }

scroll 默认值。 背景图像会随着页面其余部分的滚动而滚动。
fixed 当页面的其余部分滚动时,背景图象不会移动。

你可能感兴趣的:(背景定位和背景固定)