背景粘附

background-attachment 属性控制滚动元素内的背景图片是否随元素滚动而移动。这
个属性的默认值是 scroll ，即背景图片随元素移动。若是把它的值改成 fixed ，那么
背景图片不会随元素滚动而移动。
background-attachment:fixed 最经常使用于给 body 元素中心位置添加淡色水印，让水印

不随页面滚动而移动。 url

实现这种效果的 CSS规则以下。
body {
background-image:url(images/watermark.png);
background-position:center;
background-color:#fff;
background-repeat:no-repeat;
background-size:contain;
background-attachment:fixed;
}
没错，关于背景图片的规则写起来有点费劲，由于属性名太长了。别担忧，使用简
写属性 background 就能够在一条声明里设置全部值。 spa

简写背景属性
background 属性能够用来设定全部背景相关的值。好比，前面那个 background-
attachment 的例子使用简写的 background 属性，能够写成这样一条规则：
body {background:url(images/watermark.png) center #fff no-repeat contain fixed;}
声明中少写了哪一个属性的值（好比没写 no-repeat ） ，就会使用相应属性的默认值
（ repeat ） 。

图片