先看一下这个demo 上下滚动这个demo页面（用IE6的可以先一边去），可以看到图片有切换的动画效果，感觉还挺先进的，但其实这个demo的页面的代码灰常简单，就是在几个div里放几张背景图片，然后把背景图片设为固定就行了。 所以background-attachment:fixed真的 ...

...

了解background-attachment属性 值 描述 scroll 背景图片随着页面的滚动而滚动，这是默认的。并不随着div内的滚动而滚动（比如文本大于元素高度时的滚动，背景图不动） fixed ...

前提是定义了background-image属性，然后用background-attachment来指明背景图的位置是固定于视口的，还是随着包含块移动的。可简单理解为定义背景图片随滚动轴的移动方式。 取值： scroll:默认值，背景图相对于元素固定，背景随页面滚动而移动，即背景和内容绑定 ...

固定背景不动：background-attachment:fixed; ios系统和某些移动端background-attachment:fixed不兼容性，没有任何效果，但可以hack一下就可以了，代码如下: ps：想在哪个标签加背景，可以在它class后:before. body ...

background-attcahment： scroll: 相对于图片的容器进行定位 local: 相对于内容进行定位 fixed： 相对于视口定位 ...

视差滚动（Parallax Scrolling）是指让多层背景以不同的速度移动，形成立体的运动效果，带来非常出色的视觉体验。作为今年网页设计的热点趋势，越来越多的网站应用了这项技术。 不明白的可以先 ...

一个页面中有头部、底部和中间内容区域，底部固定在屏幕底端。 头部header 内容main 底部footer 方法一、在main上使用fixed定位，加上overflow-y属性 ...