如何在CSS中将div定位在图像上

Question

我有一个页面，该页面的顶部是图片和标题，您可以在其中离开该网站。问题是当我向下滚动时，图像会超出导航栏。

我发现了this个问题，发现您可以使用z-index使导航栏出现在页面顶部。我添加了以下代码

.navbar {

    z-index: 1000;

}

那是行不通的，当我滚动时图像仍然在导航栏中。

我尝试将图像的z-index更改为-1000，并且还向两个CSS属性添加了!important，但仍然无法正常工作。

有人知道为什么会这样吗？