Question

没搞明白CSS里这个background的fixed和scroll到底有什么真正意义上的区别

网上资料：background-attachment 属性设置背景图像是否固定或者随着页面的其余部分滚动。
scroll 默认值。背景图像会随着页面其余部分的滚动而移动（什么叫随着滚动而移动，我怎么从来没看出来?）。
fixed 当页面的其余部分滚动时，背景图像不会移动（按理来说这才正常吧！）。

CSS:
width:20px;
height:20px;

background:url(images/Search.png) fixed;

图片也是20X20，结果给我出来一个这个

background:url(images/Search.png) scroll;
终于正常了

不是太理解究竟有什么区别，究竟两种样式适合用在什么地方。





Answer 1

是相对于窗口的位置来说的。

scroll是窗口内容滚动图片也跟着滚动，所以图片与其他内容相对静止。

fixed是窗口内容滚动图片不滚动，所以图片与其他内容相对滚动。

这个设置针对body的背景来说很有意义，其他情况下，默认都是scroll

Answer 2

fixed属性是将容器大小固定，不随加入对象大小变化而变化