Html CSS菜单覆盖打开的其他内容

解决方案

请参阅工作示例的代码片段

---

问题

我真的说不出我错过了什么。我根本无法让菜单下拉列表位于下面内容的顶部。在下面的代码片段中，它只是文本，但可以是任何内容

我尝试应用

z-index

和

位置：绝对没有成功

我想实现什么，可以看到下面的图像只是一个垂直菜单。它覆盖了一切。或者“叠加”这个词用错了吗



$（函数（）{
$（“#菜单化”）。单击（函数（e）{
$（this.toggleClass（'anime-menu'）。toggleClass（'change'）；
});
});
html{
身高：100%；
}
身体{
字体系列：“Palatino Linotype”，“Book Antika”，Palatino，衬线；
保证金：0；
填充：0；
背景色：#E6D9BD；
身高：100%；
宽度：100%；
颜色：#2F1919；
}
.集装箱{
宽度：100%；
保证金：0px自动10px自动；
填充：0px 0px 0px 0px；
边框：5px实心#2E181A；
背景色：#E6D9BD；
位置：相对位置；
最小高度：100%；
调整内容：灵活启动；
显示器：flex；
柔性流：行换行；
}
.货柜{
字体大小：4vw；
保证金：0px 10px 10px 10px；
填充物：5px；
文本对齐：左对齐；
颜色：#2F1919；
空白：nowrap；
空白：预换行；/*CSS3*/
空白：-moz预包装；/*Firefox*/
空白：-pre-wrap；/*Opera带有文本的div必须具有
位置：相对；
（表示附加到）和.menu
{position:absolute；}
（表示要附加的内容）


$（“#菜单化”）。单击（函数（e）{
$（this.toggleClass（'anime-menu'）。toggleClass（'change'）；
})；
。菜单复选框{
显示：无；
}
.menu复选框~.ANIMAMENU:之前{
内容：“；
}
.menu复选框~.menu{
显示：无；
}
.menu复选框：选中~.menu{
显示：块；
}
.菜单{
溢出：隐藏；
显示：无；
浮动：对；
位置：绝对位置；
z指数：1；
边框：0px实心#2E181A；
填充：0px；
字体系列：verdana、geneva、arial、helvetica、sans serif；
字体大小：14px；
字体大小：粗体；
颜色：#2E181A；
/*#2E181A*/
宽度：100%；
背景：#2E181A；
/*#E6D9BD*/
}
.菜单ul{
背景：#E6D9BD；
显示：隐藏；
保证金：0；
填充：0；
宽度：200px；
列表样式：无；
浮动：对；
溢出：隐藏；
}
李先生{
填充：0px 8px 0px 8px；
显示：内联块；
位置：相对位置；
}
.菜单李a{
显示：块；
颜色：#000；
填充：8px 16px；
文字装饰：无；
}
.菜单{
显示：无；
}
.菜单李宇莉{
显示：无；
}
/*更改悬停时的链接颜色*/
.菜单a:悬停{
背景色：#555；
颜色：白色；
宽度：100%；
}
.动漫菜单{
显示：内联块；
光标：指针；
浮动：对；
利润率：0.20px 0.0；
}
.anime-bar1，
.anime-bar2，
.动漫酒吧3{
宽度：35px；
高度：5px；
背景色：#E6D9BD；
利润率：6px0；
过渡：0.4s；
}
.改变{
显示：内联块；
光标：指针；
浮动：对；
利润率：0.20px 0.0；
}
.改变。动漫酒吧1{
-webkit变换：旋转（-45度）平移（-9px，6px）；
变换：旋转（-45度）平移（-9px，6px）；
}
.改变。动漫酒吧2{
不透明度：0；
}
.改变。动漫酒吧3{
-webkit变换：旋转（45度）平移（-8px，-8px）；
变换：旋转（45度）平移（-8px，-8px）；
}
html{
身高：100%；
}
分区myText{
位置：相对位置；
}
身体{
字体系列：“Palatino Linotype”，“Book Antika”，Palatino，衬线；
保证金：0；
填充：0；
背景色：#2E181A；
身高：100%；
宽度：100%；
颜色：#2F1919；
}










我的生活一直持续到现在，在2000年左右的时间里，我一直在学习拉丁语和拉丁语。理查德·麦克林托克，悉尼汉普顿大学一级拉丁语教授
维吉尼亚州，在研究布鲁根·根内姆·克拉西克·利特拉塔大学的课程中，学生们在“继续学习”课程的基础上，学习了“共同学习”课程，直到掌握了操作技巧。在博诺伦大学1.10.32 og 1.10.33 fra课程中，学生们口吃了1.10.32 og 1.10.33 fra
“这是一个很好的例子”（Det gode og ondes ekstremer），是西塞罗（Cicero iår 45 f.kr.Bogen）的一个例子，是一个很好的例子。
同一学科的标准课程，包括1500名学生，为学生提供课程，为学生提供兴趣课程。课程1.10.32 og 1.10.33 fra“Bonorum et Malorum最终课程”为西塞罗大学的学生提供课程
den engelske Udaved fra超过了H.Rackham fra 1914。标准fra对同一事物的认识，包括1500个塔列，对利益相关者的要求。Afsnittene 1.10.32 og 1.10.33 fra“最终的博诺伦和马洛伦”af
西塞罗·奥格斯·根吉维特·德里斯·恩贾蒂格·乌德盖德·塞尔斯卡·恩格尔斯克·乌德盖德于1914年在莱克姆·弗雷拉的作品中发表了自己的作品。

你想在文本上方显示下拉列表吗？如果是这样，也许这就是你想要的..我在顶部添加了填充，并在div中添加了一个id，将内联
div
样式转移到css中。如果你想让文本在每个段落中具有不同的颜色，你可以在
p
中添加一个类或id（并将颜色属性移出content div）。建议避免使用内联样式

希望这有帮助


$（“#菜单化”）。单击（函数（e）{
$（this.toggleClass（'anime-menu'）。toggleClass（'change'）；
})；
html{
身高：100%；
}
身体{
字体系列：“Palatino Linotype”，“Book Antika”，Palatino，衬线；
保证金：0；
填充：0；
背景色：#2E181A；
身高：100%；
宽度：100%；
颜色：