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

Question

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

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

.background {
背景附件:已修复；
背景图片:url('/background.jpg');
背景重复:不重复；
背景位置:50% 50%；
背景尺寸:封面；
}

Answer 1

如果没有一些代码，很难说出发生了什么，但是......

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

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