Javascript 处理背景色覆盖时边框底部不起作用

单击菜单并将其打开时，叠加背景效果不适用于h2标记下的

border-bottom

我如何处理这个问题

我该怎么做呢

函数openNav（）{ document.getElementById（“mySidenav”）.style.width=“250px”； document.getElementById（“main”）.style.marginLeft=“250px”； document.body.style.backgroundColor=“rgba（0,0,0,0.4）”； } 函数closeNav（）{ document.getElementById（“mySidenav”）.style.width=“0”； document.getElementById（“main”）.style.marginLeft=“0”； document.body.style.backgroundColor=“白色”； }

h2{
边框底部：1px实心#eee；
}
.侧导航{
身高：100%；
宽度：0；
位置：固定；
z指数：1；
排名：0；
左：0；
背景色：#111；
溢出x：隐藏；
过渡：0.5s；
填充顶部：60px；
}
.侧导航a{
填充：8px 8px 8px 32px；
文字装饰：无；
字体大小：25px；
颜色：#818181；
显示：块；
过渡：0.3s；
}
.侧导航a:悬停{
颜色：#f1f1；
}
.sidenav.closebtn{
位置：绝对位置；
排名：0；
右：25px；
字体大小：36px；
左边距：50像素；
}
#主要{
过渡：左边距。5s；
填充：16px；
}
@媒体屏幕和屏幕（最大高度：450像素）{
.sidenav{填充顶部：15px；}
.sidenav a{字体大小：18px；}
}

侧导航推送示例
单击下面的元素打开侧面导航菜单，并将此内容向右推。请注意，当sidenav打开时，我们为body添加了一个黑色透明背景色

☰ 打开

更改

文档的
背景色
。正文

未重叠。它只是把背景画成另一种颜色。这就是为什么

h2

的

边框颜色根本不受影响的原因

若要进行覆盖，必须创建用作覆盖的单独图元


函数openNav（）{
document.getElementById（“mySidenav”）.style.width=“250px”；
document.getElementById（“main”）.style.marginLeft=“250px”；
//document.body.style.backgroundColor=“rgba（0,0,0,0.4）”；
/*加上这个*/
document.getElementById（'overlay'）.style.display='block'；
}
函数closeNav（）{
document.getElementById（“mySidenav”）.style.width=“0”；
document.getElementById（“main”）.style.marginLeft=“0”；
//document.body.style.backgroundColor=“白色”；
/*加上这个*/
document.getElementById（'overlay'）.style.display='none'；
}

h2{
边框底部：1px实心#eee；
}
.侧导航{
身高：100%；
宽度：0；
位置：固定；
z指数：1；
排名：0；
左：0；
背景色：#111；
溢出x：隐藏；
过渡：0.5s；
填充顶部：60px；
}
.侧导航a{
填充：8px 8px 8px 32px；
文字装饰：无；
字体大小：25px；
颜色：#818181；
显示：块；
过渡：0.3s；
}
.侧导航a:悬停{
颜色：#f1f1；
}
.sidenav.closebtn{
位置：绝对位置；
排名：0；
右：25px；
字体大小：36px；
左边距：50像素；
}
#主要{
过渡：左边距。5s；
填充：16px；
框大小：边框框；
}
/*加上这个*/
#覆盖层{
背景色：rgba（0,0,0,0.4）；
位置：绝对位置；
排名：0；
左：0；
显示：无；
身高：100%；
宽度：100%；
}
@媒体屏幕和屏幕（最大高度：450像素）{
.sidenav{填充顶部：15px；}
.sidenav a{字体大小：18px；}
}

侧导航推送示例
单击下面的元素打开侧面导航菜单，并将此内容向右推。请注意，当sidenav打开时，我们为body添加了一个黑色透明背景色

☰ 打开

您到底想要什么？边框底部也位于背景色后面。当前，h2标记下的

边框底部

位于覆盖的顶部。这需要在后面/下面。请注意图像如何也在覆盖层上方！！我需要边界底部和图像都在背景覆盖的后面/下面。谢谢。无论我做什么，覆盖层的高度在卷轴上都不起作用！我错过了什么？