Question

在问这个之前，我一直在谷歌搜索并尝试各种各样的事情....我知道这可以完成，即使我没有找到任何解决方案。

这是网站......

请注意，正文上的背景图像与徽标的中心对齐（宽度为1440），但滚动时它已固定。那很好。

如何使此响应？

现在，我在各个断点处使用背景位置，但这不是一个真正的解决方案......例如。它现在在1440处对齐，但是下降到1280（保持4列的最低宽度）或者更进一步，你可以看到我在说什么。如何让背景图像“跟随”徽标div？

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

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

非常感谢任何帮助。

我不在乎这样做的成本/收益是否荒谬，或者解决方案必须是jQuery等等。我只是想知道如何为自己的目的实现它：）

Answer 1

如果我理解正确，这只是我需要做的事情：

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