如果使用background-size:cover或background-attachment: scroll，为什么background-attachment: fixed会有所不同？
示例：
答案 0 :(得分：5)
background-size: cover中的差异并非如此。 background-attachment: scroll和background-attachment: fixed之间的差异是
＆＃34; ... 滚动表示背景是针对元素本身修复的，不会滚动其内容。 （它有效地附加到元素的边界。）
＆＃34; ... 已修复表示相对于视口的背景是固定的。即使元素具有滚动机制，“固定”背景也不随元素移动。＆＃34;
正如MDN所说。因此，您会在您的小提琴中看到background-attachment: fixed背景不会保留在其包含元素<div id="two">边框中。相反，它取决于整个身体背景中绝对定位0,0的固定点。
实质上，background-attachment: fixed覆盖background-size: cover并且不允许后一种风格生效。
答案 1 :(得分：0)
当您将background-size:cover分配给background-attachment: fixed项时，其容器将是该项目所在的实际视口。在您的情况下，猫图像被拉伸以适应小提琴结果的总宽度框。之所以这样，可能是因为它将视位绝对应用于视口，因此它还会收集视口所需的大小。