Html 半透明导航栏，后面有背景图像：css，无javascript

有点新手，但尝试做一些我认为很简单的事情；我想要一个没有边距的全屏背景图像，可以根据屏幕大小进行缩放（我使用的是background:cover；目前），但我想在图像顶部的正上方放置一个半透明的导航条，包含一个水平菜单

到目前为止，我有导航条，但图像要么位于导航条上方，要么位于导航条下方，而不是直接位于顶部。最好的方法是什么，是z索引值，还是我应该做一些简单的事情来放置一个div（.nav）到另一个（.background img）

---

非常感谢任何帮助，如果这有点模糊，很抱歉，但我是html和css的新手

尝试使用

位置：固定如果你还没有。这样做：

div.background-img {
    background-image: url('background.png');
    margin: 0;
    padding: 0;
    position: fixed;
    top: 0;
    left:0;
    right:0;
    bottom:0;
    background-size:cover;
}
div.nav {
    position: fixed;
    background: rgba(255, 255, 255, 0.7);
    top: 0;
    left: 0;
    right:0;
    padding: 16px;
}

查看演示
您是否使用背景div和导航div的
position:fixed
？欢迎使用SO。请始终在问题中包含您当前的代码。否则，我们将无法提供帮助，问题很可能就此结束。使用问题下方的编辑按钮。位置：固定；完全搞定了！！非常感谢你们帮助我，谢谢你们的建议