background-attachment

决定背景图像固定的位置,取值:

scroll

图片相对于元素本身固定,元素滚动所以图片就滚动

背景相对于视口(浏览器窗口)固定

注意: 设置background-attachment:fixed后图片会移动到浏览器窗口左上角
同时: 设置background-position与background-size都是相对于浏览器窗口设置background-attachment:fixed后相当于元素就是我们的眼睛,我们只能通过眼睛才可以看见图片

背景相对于元素的内容固定,而相当于其他滚动条则会滚动(如浏览器窗口)

多个图片设置 background-attachment:fixed不会相互影响,只会在各自的元素内显示