Javascript 我可以在导航栏前面但在导航栏图标和按钮后面给出图像吗？

如果标题让您感到困惑，我很抱歉，但是我们可以使图像背景显示在导航栏背景的前面，但显示在导航栏图标的后面吗

目前我的进度是这样的

您可以看到，图像成功地出现在导航栏背景前面，但未能出现在导航栏文本或图标后面，您可以看到图像封面

主页

反而出现在其后面

我也完全知道导航栏是否有默认的

z-index:4

，所以我将图像设置为具有

z-index:5

，将主页、新闻和联系人设置为具有

z-index:6

，但它看起来仍然像我向您展示的图像

如果你想试试，这是我的代码

window.onscroll=function（）{myFunction（）}；
var navbar=document.getElementById（“navbar”）；
var sticky=navbar.offsetTop；
函数myFunction（）{
如果（window.pageYOffset>=粘性）{
navbar.classList.add（“粘性”）
}否则{
navbar.classList.remove（“粘性”）；
}
}

正文{
保证金：0；
字号：1em；
字体系列：Arial、Helvetica、无衬线字体；
}
.标题{
背景色：#f1f1；
填充：30px；
文本对齐：居中；
}
#导航栏{
溢出：隐藏；
背景色：#333；
z指数：4；
}
#导航栏a{
浮动：左；
显示：块；
颜色：#F2F2；
文本对齐：居中；
填充：14px 16px；
文字装饰：无；
字号：0.8em；
文本对齐：右对齐；
z指数：6
}
#导航栏a：悬停{
背景色：#ddd；
颜色：黑色；
}
#导航条a.激活{
背景色：#4CAF50；
颜色：白色；
}
.内容：：以前{
位置：绝对位置；
顶部：0px；
左：0px；
内容：“；
高度：600px；
宽度：600px；
背景：url（“https://freepngimg.com/thumb/castle/23440-6-fantasy-castle-picture.png");
背景重复：无重复；
背景尺寸：包含；
z指数：5；
}
.内容{
填充：16px；
边缘顶部：400px；
}
.粘的{
位置：固定；
排名：0；
宽度：100%；
}
.粘性+.内容{
填充顶部：60px；
}

知识是一种美德，是一种美德，是一种美德，是一种美德。这是一种新的生命元素。马萨·埃尼姆（Massa enim nec dui Nuc mattis enim）。在欧盟密歇根州，以自由女神的名义，以浮雕为主题。在前庭腔隙处的ullamcorper临时通信处的命令。大弗林尼利亚大教堂。这是一个居住的平台，是一个庄严的平台。这是一个很好的例子。人猿维韦拉。发酵罐中的Nec feugiat。
无直径前庭。亨德雷特孕妇rutrum quisque non tellus orci ac augue拍卖行。三思而后行。Egestas quis ipsum suspendisse ultrices predida dictum。乌拉姆科珀的病号是一只猫。不含碳酸钠，不含碳酸钠。波苏尔·阿卡特·塞姆佩尔（Posuere ac ut consequat semper）。这是一个暂时性的大手术室。利奥港是一个暂时的港口。这是一个值得尊敬的人的生活。Viverra nibh cras pulvinar mattis nunc sed。
Ornare suspendisse sed nisi lacus。Ultrices tincidung arcu non sodales neque sodales ut etiam。萨皮安·埃吉特·米为自由女神提供了一辆四轮马车。在turpis vitae massa中添加了元素tempus egestas。马勒苏阿利瓜箭矢。毛里斯·维塔·尤里西斯·马莱苏达·努克。维韦拉·梅塞纳斯·阿库姆桑（maecenas accumsan）。这是一个很好的例子。坐在阿梅特·莫里斯·康莫多·奎斯的位子上。调味品圣人佩伦茨克居住者morbi tristique Sentecus等人。
知识是一种美德，是一种美德，是一种美德，是一种美德。这是一种新的生命元素。马萨·埃尼姆（Massa enim nec dui Nuc mattis enim）。在欧盟密歇根州，以自由女神的名义，以浮雕为主题。在前庭腔隙处的ullamcorper临时通信处的命令。大弗林尼利亚大教堂。这是一个居住的平台，是一个庄严的平台。这是一个很好的例子。人猿维韦拉。发酵罐中的Nec feugiat。
无直径前庭。亨德雷特孕妇rutrum quisque non tellus orci ac augue拍卖行。三思而后行。Egestas quis ipsum suspendisse ultrices predida dictum。乌拉姆科珀的病号是一只猫。不含碳酸钠，不含碳酸钠。波苏尔·阿卡特·塞姆佩尔（Posuere ac ut consequat semper）。这是一个暂时性的大手术室。利奥港是一个暂时的港口。这是一个值得尊敬的人的生活。Viverra nibh cras pulvinar mattis nunc sed。
Ornare suspendisse sed nisi lacus。Ultrices tincidung arcu non sodales neque sodales ut etiam。萨皮安·埃吉特·米为自由女神提供了一辆四轮马车。在turpis vitae massa中添加了元素tempus egestas。马勒苏阿利瓜箭矢。毛里斯·维塔·尤里西斯·马莱苏达·努克。维韦拉·梅塞纳斯·阿库姆桑（maecenas accumsan）。这是一个很好的例子。坐在阿梅特·莫里斯·康莫多·奎斯的位子上。调味品圣人佩伦茨克居住者morbi tristique Sentecus等人。
知识是一种美德，是一种美德，是一种美德，是一种美德。这是一种新的生命元素。马萨·埃尼姆（Massa enim nec dui Nuc mattis enim）。在欧盟密歇根州，以自由女神的名义，以浮雕为主题。在前庭腔隙处的ullamcorper临时通信处的命令。大弗林尼利亚大教堂。这是一个居住的平台，是一个庄严的平台。波苏