html - 如何将背景图像 "follow"设为 div？

Question

在问这个问题之前，我一直在谷歌搜索并自己尝试各种事情......我知道这是可以实现的，尽管我还没有找到任何解决方案。

这是网站...

http://spiralout.org

请注意主体上的背景图像与 Logo 的中心(1440 宽)居中对齐，但在您滚动时它是固定的。太好了。

我如何让它响应？

现在，我在各个断点处使用 background-position，但这不是真正的解决方案……例如。它现在在 1440 处对齐，但下降到 1280(保持 4 列的最低宽度)或更远，您就会明白我在说什么。如何让背景图像“跟随” Logo div？

我试过使用百分比作为背景位置，但 Logo 的宽度不同，而且在容器内部，因此屏幕左侧的百分比始终与背景图像成比例变化。

我试过将它用作 Logo div 上的背景图像，但我似乎不明白为什么它不会溢出到顶部或左侧。即使此解决方案有效，我也无法保持固定位置。

非常感谢任何帮助。

我不在乎这样做的成本/ yield 是否荒谬，或者解决方案是否必须是 jQuery 等。我只是想知道如何为我自己完成它:)

Answer 1

如果我没理解错的话，这只是我需要做的:

body 
{
  background-image: url('whatever image');
  background-repeat: no-repeat;
  background-attachment: fixed;
}