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

我有固定的全屏背景。我还有另外一张图片，上面有几百个像素，我希望背景看起来像是从中散发出来的。这里看起来不错：但当浏览器调整大小时，背景图像的中心垂直移动，但前景图像保持不变，因此不再对齐。任何帮助都将不胜感激

编辑：更多信息。前景图像是位置：相对的，下面是背景图像的CSS：

.background{
背景附件：固定；
背景图像：url（'/background.jpg'）；
背景重复：无重复；
背景位置：50%50%；
背景尺寸：封面；
}

没有一些代码很难判断发生了什么，但是

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

---

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

请澄清，前景图像固定在一个位置，背景会随页面调整大小？