Javascript 当我在html&；中向下滚动时，如何使图像位于菜单栏后面；css？

在html和css中向下滚动时，如何使图像位于菜单栏后面？我尝试过一些事情，但它不能帮助我，请帮助我，如果可能的话，因为这对我来说真的很重要

*{
保证金：0；
填充：0；
}
身体{
宽度：100%；
身高：100%；
背景色：#fff3cc；
}
.菜单{
背景色：rgba（0,0,0,0.5）；
宽度：100%；
排名：0；
位置：固定；
}
.菜单ul{
显示：内联flex；
浮动：对；
利润率：30像素；
字体系列：“Futuramedia”，Futura，“世纪哥特式”，无衬线；
}
李先生{
列表样式：无；
利润率：0.20px；
颜色：#fff；
光标：指针；
}
h3{
浮动：左；
边缘顶部：30px；
左边距：30px；
字体系列：“Futuramedia”，Futura，“世纪哥特式”，无衬线；
颜色：#ff8c8c；
}
.主动{
颜色：#a5e5ff！重要；
}
.幻灯片{
宽度：500px；
高度：500px；
溢出：隐藏；
}
.中{
位置：绝对位置；
最高：50%；
左：25%；
转换：翻译（-50%，-50%）；
}
.导航{
位置：绝对位置；
底部：20px；
左：50%；
转化：translateX（-50%）；
显示器：flex；
}
.酒吧{
宽度：50px；
高度：10px；
边框：2倍实心#fff；
利润率：6px；
光标：指针；
}
.bar:悬停{
背景：#fff；
}
输入[name=“r”]{
位置：绝对位置；
可见性：隐藏；
}
.幻灯片{
宽度：500%；
身高：100%；
显示器：flex；
}
.幻灯片{
宽度：20%；
过渡：0.6s；
}
.幻灯片图像{
宽度：100%；
身高：100%；
}
#r1：选中~.s1{
左边距：0；
}
#r2：选中。s1{
左边缘：-20%；
}
#r3：选中。s1{
左边缘：-40%；
}
.关于{
边缘顶部：100px；
浮动：对；
宽度：50%；
左侧填充：150px；
右边距：40px；
}
h1{
字体系列：“Lucida Grande”，无衬线；
字体大小：30磅；
线高：60px；
}
氢{
字体系列：“Lucida Grande”，无衬线；
线高：50px；
}
p{
字体系列：Optima，无衬线；
字号：13pt；
线高：30px；
}
.商店btn{
左边距：250像素；
边缘顶部：680px；
显示：内联flex；
}
.店内btn{
高度：50px；
宽度：50px；
边框：2倍实心透明；
边界半径：50px；
背景图像：线性渐变（#42455a，#42455a），径向渐变（左上角的圆圈，#fd00da，#19d7f8）；
背景来源：边框框；
背景剪辑：内容框、边框框；
文本对齐：居中；
}
.shop btn inner.fa{
填充：18px0；
字体大小：13px；
光标：指针；
}
.小{
保证金：自动20px；
光标：指针；
字体大小：12px；
颜色：#96ff8c；
字母间距：3px；
}

Vista数码相机
VISTA数字

主页
摄像机
服务
新闻
接触

关于我们
Vista Digital是一家从事摄影领域的公司，成立于2000年。根据我们的愿景和使命，我们致力于通过我们的3S理念，即：销售、服务、，
还有学校

销售额
我们尽一切努力满足摄影师的需求，提供所有品牌的原始和第三方摄影设备，从核心设备到满足您摄影需求的配套配件。我们的知识渊博
工作人员将帮助您了解产品知识以及使用摄影设备时的技术和维护事项

服务
我们还为所有品牌的摄影产品提供维修/维护服务，由经验丰富的设备和技术人员提供支持

学校
我们不仅专注于销售和服务，我们还为那些希望快速有效地探索摄影领域的人提供解决方案。我们提供足够的设施，即舒适的教室、工作室、材料和模型，
以及在摄影领域非常胜任的导师

“知识本身是一种美德，是一种美德，是一种美德，是一种美德，是一种美德，是一种美德，是一种美德，是一种美德，是一种美德，是一种美德，是一种美德。”
“除非偶尔因疏忽而死亡，否则不应因工作过失而受到动物劳动的惩罚。”
精英们，他们的工作和工作都是暂时性的，但他们的工作和工作都是微小的，他们的工作都是在普通消费者面前进行的。他们的工作和工作都是在混乱的世界里进行的
我不同意你的判决。除非你不自以为是，否则我必须为我的动物和劳动负上责任。”“我承认我的权利，尊重我的权利，尊重我的权利，尊重我的权利。”
我们的劳动和生活都是巨大的。我们的劳动和生活都是微小的，我们的劳动和生活都是在普通消费者面前进行的。我们的劳动和生活都是在我们的生活中进行的。
除了偶尔不轻率的行为外，还必须为自己的行为负责。”

现在购物

请查看

z-index

属性

在CSS中，只需添加：

z-index:1 

---

到菜单类。

在菜单元素上使用

z-index

.menu{
    background-color: rgba(0,0,0,0.5);
    width: 100%;
    top: 0;
    position: fixed;
    z-index: 999;
}

---

您将需要了解更多有关z索引的信息

Freecodecamp对z-in提供了非常好的解释

.menu{
    background-color: rgba(0,0,0,0.5);
    width: 100%;
    top: 0;
    position: fixed;
    z-index: 1;
}

.menu {
    background-color: rgba(0,0,0,0.5);
    width: 100%;
    top: 0;
    position: fixed;
    z-index: 10000; // any number higher than one
}

  .menu{
        background-color: rgba(0,0,0,0.5);
        width: 100%;
        top: 0;
        position: fixed;
        z-index:1;  /* Add this */
    }