我有一个大的背景封面。
<div id="cover">
...
</div>
和CSS
#cover {
background:url('cover.jpg') no-repeat fixed center center / cover;
height: 350px;
width: 100%;
}
预期输出：背景图像的大小调整为350px x 100%（在我的情况下为350x900），应该具有基于<div id="cover"></div>的滚动效果。
实际输出：背景图像的大小调整为视口（在我的示例中为1440x900），具有基于<html></html>的滚动效果。
我想要的是背景附加：固定为相对于div而不是视口。
默认情况下，背景图像被"固定"到它们所附着的元素。当您将背景CSS属性设置为固定时，它的作用与DOM元素相同，它使其在整个文档（视口）中固定。
将固定属性更改为滚动应该可以做到这一点：
background:url('cover.jpg') no-repeat scroll center center / cover;