背景定位和背景固定

background-position

body{
    background-image:url('dasf.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 center
6.center right
7.bottom left
8.bottom right
9.bottom center

如果你规定了一个关键词,那么第二个值将是'center'

默认值:0%0%
我们常用负值;来定位

background-attachment

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

scroll 默认值  背景图像会随着页面其余部分的滚动而移动.

fixed 当页面的其余部分滚动时,背景图像不会移动,

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