Floating Menu on Tooltips (z-index problem)-CodePudding

I'm trying to have a floating menu on top of some text with tooltips but running into a z-index problem. I tried all different combinations of z-index values and placements with no success. I'm sure that I'm missing something obvious. Can someone help?

CODE: https://tuw.fqd.mybluehost.me/sites/test.html

FLOATING HAMBURGER MENU SOURCE: https://codepen.io/Cubbe/pen/RKEBby

TOOLTIP SOURCE: https://www.w3schools.com/css/css_tooltip.asp

z-index: 1;

CodePudding user response：

Add z-index: 1; on #menu style and move <div ></div> at last position of divs. Here

CodePudding user response：

you can put "z-index : -1;" in the ".tooltip" in your css code.