background-attachment属性
这位您说了:What Are You Say?好吧,下面开启我们的尬聊模式:对,你没听错,这个属性是用来告诉浏览器背景图片应该附着在哪里。皮之不存,毛将焉附?所谓唇亡齿寒之乎者也。
在我看来,背景图片的附着点有三类,分别是浏览器的可视区域、背景容器本身区域和背景容器的内容区域。具体来说,background-attachment的值也就有三种,即:
scroll:(CSS1) 背景图片附着在背景容器上,它是相对于背景容器(元素)固定,它会随着背景容器的滚动,而不是随着它的内容滚动(也可以看成是对元素边框固定)。
fixed: 背景图片附着在浏览器的可视区域。因为浏览器的可视区域不具备滚动的性格,所以它是不滚动的。
local:这是CSS3新增的属性值。背景图片附着在背景容器的内容区域。它会随着内容的滚动而滚动。
原文转载自 https://blog.csdn.net/weixin_39256994/article/details/78671202