背景定位和背景固定

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

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容