Javascript 当父母在全屏覆盖菜单中保持不变时，如何使子菜单项出现？

函数openNav（）{ document.getElementById（“myNav”）.style.height=“100%”； } 函数closeNav（）{ document.getElementById（“myNav”）.style.height=“0%”； }

.imglogo{
填充物：5%15%5%10%；
背景色：rgba（255、255、255、0.72）；
边界半径：30px 30px 30px 30px；
盒影：-6px-4px 18px 7px#7a77a2；
背景：中间无重复：
}
.覆盖{
身高：0%；
宽度：100%；
位置：固定；
z指数：1；
排名：0；
左：0；
背景色：rgb（0,0,0）；
背景色：rgba（0,0,0,0.99）；
溢出y：隐藏；
过渡：0.5s；
}
.覆盖内容{
位置：相对位置；
最高：20%；
宽度：100%；
文本对齐：居中；
边缘顶部：30px；
}
.覆盖{
填充：8px；
文字装饰：无；
字体大小：36px；
颜色：#fff；
显示：块；
过渡：0.3s；
}
.a:悬停，
.a：聚焦{
颜色：#7a77a2；
}
.overlay.closebtn{
位置：绝对位置；
顶部：20px；
右：45px；
字体大小：60px；
}
@-webkit关键帧向下滑动{
0% {
不透明度：0；
-webkit转换：translateY（-100%）；
}
100% {
不透明度：1；
-webkit转换：translateY（0）；
}
}
@-moz关键帧向下滑动{
0% {
不透明度：0；
-moz变换：translateY（-100%）；
}
100% {
不透明度：1；
-moz变换：translateY（0）；
}
}
@媒体屏幕和屏幕（最大高度：450像素）{
.覆盖{
溢出y：自动；
}
.覆盖{
字号：20px
}
.overlay.closebtn{
字体大小：40px；
顶部：15px；
右：35px；
}
}
.子菜单1{
字体系列：高谭gds；
字体大小：12px；
显示：无；
}
.子菜单2{
字体系列：高谭gds；
字体大小：12px；
显示：无；
}
.子菜单3{
字体系列：高谭gds；
字体大小：12px；
显示：无；
}
.子菜单4{
字体系列：高谭gds；
字体大小：12px；
显示：无；
}
.子菜单5{
字体系列：高谭gds；
字体大小：12px；
显示：无；
}
.小{
字体大小：16px！重要；
}
.覆盖内容{
列表样式类型：无；
}
恩西玛·李a{
显示：块；
}
encima li ul先生{
位置：绝对位置；
}
李恩西玛：悬停，
李恩西玛：聚焦ul{
宽度：100%；
z指数：5；
}
encima li ul先生{
显示：块；
宽度：100%；
}
.encima:悬停子菜单1{
显示：内联块；
利润率：-7%0%0.20%；
-webkit动画：向下滑动。5s轻松进出；
-moz动画：向下滑动。5s放松；
列表样式：无；
文本对齐：左对齐；
}
.encima:悬停子菜单2{
显示：内联块；
利润率：-10%0%0.30%；
-webkit动画：向下滑动。5s轻松进出；
-moz动画：向下滑动。5s放松；
列表样式：无；
文本对齐：左对齐；
}
.encima:悬停子菜单3{
显示：内联块；
-webkit动画：向下滑动。5s轻松进出；
-moz动画：向下滑动。5s放松；
列表样式：无；
利润率：-10%0%0.30%；
文本对齐：左对齐；
}
.encima:悬停子菜单4{
显示：内联块；
-webkit动画：向下滑动。5s轻松进出；
-moz动画：向下滑动。5s放松；
列表样式：无；
利润率：-10%0%0.25%；
文本对齐：左对齐；
}
.encima:悬停子菜单5{
显示：内联块；
-webkit动画：向下滑动。5s轻松进出；
-moz动画：向下滑动。5s放松；
列表样式：无；
利润率：-10%0%0.20%；
文本对齐：左对齐；
}

您应该将属性

position:absolute

添加到“子菜单”：

---

您在HTML结构中出错，请使用

ul

子菜单中的

li

并将一个css从

.encima li ul {
    display: none;
    width: 100%;
}

函数openNav（）{ document.getElementById（“myNav”）.style.height=“100%”； } 函数closeNav（）{ document.getElementById（“myNav”）.style.height=“0%”； }

.imglogo{
填充物：5%15%5%10%；
背景色：rgba（255255,0.72）；
边界半径：30px 30px 30px 30px；
盒影：-6px-4px 18px 7px#7a77a2；
背景：中间无重复：
}
.覆盖{
身高：0%；
宽度：100%；
位置：固定；
z指数：1；
排名：0；
左：0；
背景色：rgb（0,0,0）；
背景色：rgba（0,0,0,0.99）；
溢出y：隐藏；
过渡：0.5s；
}
.覆盖内容{
位置：相对位置；
最高：20%；
宽度：100%；
文本对齐：居中；
边缘顶部：30px；
}
.覆盖{
填充：8px；
文字装饰：无；
字体大小：36px；
颜色：#fff；
显示：块；
过渡：0.3s；
}
.overlay a:悬停，.overlay a:焦点{
颜色：#7a77a2；
}
.overlay.closebtn{
位置：绝对位置；
顶部：20px；
右：45px；
字体大小：60px；
}
@-webkit关键帧向下滑动{
0%{opacity:0；-webkit transform:translateY（-100%）；}
100%{opacity:1；-webkit transform:translateY（0）；}
}
@-moz关键帧向下滑动{
0%{opacity:0；-moz变换：translateY（-100%）；}
100%{opacity:1；-moz变换：translateY（0）；}
}
@媒体屏幕和屏幕（最大高度：450像素）{
.overlay{overflow-y:auto；}
.overlay a{font size:20px}
.overlay.closebtn{
字体大小：40px；
顶部：15px；
右：35px；
}
}
.子菜单1{
字体系列：高谭gds；
F
.encima li ul {
    display: none;
    width: 100%;
}