CSS中background-attachment的值

background-attachment值

scrool：默认值，背景随页面滚动而移动，即背景和内容绑定，当页面的其余部分滚动时，背景图像不会移动。
fixed：
背景图相对于视口固定，当页面的其余部分滚动时，背景图像不会移动。
local： 背景图相对于元素内容固定。
inhert：规定应该从父元素继承 background-attachment
属性的设置。

(1)、scroll

设置background-attachment:scroll,背景图是相对于元素自身固定，内容动时背景图也动。
对于scroll，一般情况背景随内容滚动，但是有一种情况例外。

对于可以滚动的元素（设置为overflow:scroll的元素）。当background-attachment设置为scroll时，背景图不会随元素内容的滚动而滚动。

(2)、local

对于可以滚动的元素（设置为overflow:scroll的元素）,设置background-attachment:local，则背景会随内容的滚动而滚动。

因为背景图是相对于元素自身内容定位，开始固定，元素出现滚动条后背景图随内容而滚动。

(3)、fixed

背景图片相对于视口固定，就算元素有了滚动条，背景图也不随内容移动。

参考资料： CSS中background-attachment http://www.studyofnet.com/news/923.html
本文出自 “学习也休闲” 博客，请务必保留此出处http://studyofnet.blog.51cto.com/8142094/1694871