CSS background-attachment属性

background-attachment属性

这位您说了：What Are You Say？好吧，下面开启我们的尬聊模式：对，你没听错，这个属性是用来告诉浏览器背景图片应该附着在哪里。皮之不存，毛将焉附？所谓唇亡齿寒之乎者也。

在我看来，背景图片的附着点有三类，分别是浏览器的可视区域、背景容器本身区域和背景容器的内容区域。具体来说，background-attachment的值也就有三种，即：

scroll：(CSS1) 背景图片附着在背景容器上，它是相对于背景容器（元素）固定，它会随着背景容器的滚动，而不是随着它的内容滚动（也可以看成是对元素边框固定）。

fixed： 背景图片附着在浏览器的可视区域。因为浏览器的可视区域不具备滚动的性格，所以它是不滚动的。

local：这是CSS3新增的属性值。背景图片附着在背景容器的内容区域。它会随着内容的滚动而滚动。

原文转载自 https://blog.youkuaiyun.com/weixin_39256994/article/details/78671202