Html 如何添加背景：固定到div而不是视口

我有一个大的背景封面

<div id="cover">
    ...
</div>

预期输出：背景图像的大小调整为350px 100%（在我的例子中为350x900），应具有基于

的滚动效果

实际输出：背景图像的大小调整为视口（在我的例子中为1440x900），具有基于

的滚动效果

---

我想要的是背景附加：固定为相对于div而不是视口。

默认情况下，背景图像“固定”到它们附加到的元素。当您将背景CSS属性设置为“固定”时，它将执行与DOM元素相同的操作，使整个文档（视口）固定

将fixed属性更改为scroll可以实现以下功能：

background:url('cover.jpg') no-repeat scroll center center / cover;

---

这是不可能的，

fixed

始终与视口相关，这就是它的指定方式。根据您实际想要实现的目标（不确定您所说的“我想要的是背景附加：固定为相对于div而不是视口”），可能有一些解决方法。我正在寻找固定附加的“视差”效果（使用纯CSS3）。有点像新的Twitter封面效果。哦，还有一些东西并不像大多数视差的东西那样滞后。我不太明白你在问什么，但是如果你想要的是CSS-only-parallax，你应该看看这个：

background:url('cover.jpg') no-repeat scroll center center / cover;