background-attachment属性

做网站时想实现背景图不动,上面的内容动的效果.网上搜一下,找到了一篇不错的文章

以下内容均引入自background-attachment属性进阶内容:

前提是定义了background-image属性，然后用background-attachment来指明背景图的位置是固定于视口的，还是随着包含块移动的。可简单理解为定义背景图片随滚动轴的移动方式。

取值:

scroll:默认值,背景图相对元素固定,背景随页面滚动而移动,即背景和内容绑定.

fixed:背景图相对于视口固定,所以随页面滚动背景不动,相当于背景被设置在了body上.

local:背景图相对于元素内容固定.

inhert:继承,规定应该从父元素继承 background-attachment 属性的设置.

该属性可以应用于任何元素。