从屏幕中心附近的元素发出的全屏幕背景

Question

我有固定的全屏幕背景。我有另一个图像从顶部几百个像素，我希望背景出现。在这里看起来不错：http://imgur.com/Rlki1Bk.jpg但是当调整浏览器大小时，背景图像的中心会垂直移动，但前景图像会保持固定，因此它们不再对齐。任何帮助将不胜感激。

编辑：更多信息。前景图像是position：relative，这里是背景图像的CSS：

.background { background-attachment: fixed; background-image: url('/background.jpg'); background-repeat: no-repeat; background-position: 50% 50%; background-size: cover; }

Answer 1

很难说没有一些代码会发生什么，但是......

background{
  background-image: url("my-image.jpg");
  background-position: center top;
  background-size: 100% auto;
}

这将确保从窗口顶部到另一个图像的距离永远不会改变，因为图像的高度保持不变，并且图像的位置始终刷新到顶部。您遇到的问题是，根据设备的宽度，您的背景可能会延伸。