背景定位和背景固定

background-position

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

top left
top center
top right
center left
center center
center right
bottom left
bottom center
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 当页面的其余部分滚动时,背景图像不会移动。

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