美文网首页
背景定位和背景固定

背景定位和背景固定

作者: 卑微小利 | 来源:发表于2019-01-04 16:47 被阅读0次

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

相关文章

网友评论

      本文标题:背景定位和背景固定

      本文链接:https://www.haomeiwen.com/subject/ixdkrqtx.html