Html 与图像大小相关的内容位置

我的网站的一部分有问题。在我的导航栏中，背景图像的大小随显示大小而变化。这意味着，如果显示尺寸变大，图像会变大，如果显示尺寸变小，图像会变小。 现在我在is站点上有一个内容，它的位置取决于图像的大小。这意味着，如果从显示器尺寸的50%开始，例如从其他显示器尺寸的60%开始。因此，您可以看到位置取决于图像的大小。 以下是我的代码，用于使图像大小与显示大小相关：

html，正文{ 宽度：100%； 身高：100%； 保证金：0； 填充：0； 溢出：隐藏； } 腹地{ 身高：100%； 位置：相对位置； z-索引：1；} 内容{ 位置：绝对位置； 排名：0； 左：0； 宽度：100%； 身高：100%； z指数：2； 溢出：自动； }

---

此处的所有背景属性：

---

不，我不想要这样的答案。我对背景或看起来像背景的图像没有问题。我想用我的解决方案作为背景。

---

我想知道的是如何根据图像的大小来定位部分内容。使用我发布的方法，图像会随着显示大小而改变大小。因此，在较高的显示尺寸下，图像会变大。这意味着您可以看到的山丘在屏幕上的显示大小比在屏幕上的显示大小小。我想做的是，我的部分内容从图像中丘陵位置的每个显示大小开始。

我看不到任何背景图像。

#hintergrund {
    background-image: url('http://www.frank-liedermacher.de/bilder/navi.jpg');
}