背景定位和背景固定

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 当页面的其余部分滚动时,背景图象不会移动。

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