背景定位和背景固定

2018-11-26  本文已影响0人  骚X

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

上一篇下一篇

猜你喜欢

热点阅读