做网站时想实现背景图不动,上面的内容动的效果.网上搜一下,找到了一篇不错的文章
以下内容均引入自background-attachment属性进阶内容:
前提是定义了background-image属性,然后用background-attachment来指明背景图的位置是固定于视口的,还是随着包含块移动的。可简单理解为定义背景图片随滚动轴的移动方式。
取值:
scroll:默认值,背景图相对元素固定,背景随页面滚动而移动,即背景和内容绑定.
fixed:背景图相对于视口固定,所以随页面滚动背景不动,相当于背景被设置在了body上.
local:背景图相对于元素内容固定.
inhert:继承,规定应该从父元素继承 background-attachment 属性的设置.
该属性可以应用于任何元素。