0

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

这是网站...

http://spiralout.org

请注意，主体上的背景图像与徽标的中心（1440 宽）居中对齐，但在滚动时它是固定的。那太棒了。

如何使这个响应？

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

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

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

任何帮助是极大的赞赏。

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

4

1 回答 1

0

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

body 
{
  background-image: url('whatever image');
  background-repeat: no-repeat;
  background-attachment: fixed;
}
于 2013-09-28T20:08:03.257 回答