haizlin / fe-interview

前端面试每日 3+1,以面试题来驱动学习,提倡每日学习与思考,每天进步一点!每天早上5点纯手工发布面试题(死磕自己,愉悦大家),6000+道前端面试题全面覆盖,HTML/CSS/JavaScript/Vue/React/Nodejs/TypeScript/ECMAScritpt/Webpack/Jquery/小程序/软技能……

Home Page:http://www.h-camel.com

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

[css] 第147天 请问background-attachmentn属性有什么用途?

haizhilin2013 opened this issue · comments

第147天 请问background-attachmentn属性有什么用途?

background-attachment:scroll(默认)/fixed;设置背景图像是否随着文档滚动

background-attachment: fixed / scroll / local: 设置背景图像是否固定或者随着页面的其余部分滚动。

  • fixed: 背景图片不会随着页面的滚动而滚动。
  • scroll: 背景图片随着页面的滚动而滚动,这是默认的。
  • local: 背景图片会随着元素内容的滚动而滚动。
  • inherit: 指定 background-attachment 的设置应该从父元素继承。

scroll:默认值,背景图相对于元素固定,背景随页面滚动而移动,即背景和内容绑定。
对于可以滚动的元素(设置为overflow:scroll的元素)。当background-attachment设置为scroll时,背景图不会随元素内容的滚动而滚动

fixed:背景图相对于视口固定,所以随页面滚动背景不动,相当于背景被设置在了body上。
local:背景图相对于元素内容固定,
inhert:继承,没什么说的。