工具提示上的浮动菜单（z-index 问题）

Question

我试图在一些带有工具提示的文本之上设置一个浮动菜单，但 运行 遇到了 z-index 问题。我尝试了所有不同的 z-index 值和位置组合，但都没有成功。我确定我遗漏了一些明显的东西。有人可以帮忙吗？

代码： https://tuw.fqd.mybluehost.me/sites/test.html

浮动汉堡菜单来源： https://codepen.io/Cubbe/pen/RKEBby

工具提示来源： https://www.w3schools.com/css/css_tooltip.asp

z-index: 1;

Answer 1

在 #menu 样式上添加 z-index: 1; 并将 <div class="bg-cover reveal"></div> 移动到 div 的最后位置。 Here

Answer 2

你可以输入“z-index : -1;”在 css 代码的“.tooltip”中。