Click here to Skip to main content
15,917,005 members
Please Sign up or sign in to vote.
0.00/5 (No votes)
I have a webforms website which is using the standard menu control. we have a page that contains a html5 drawing canvas which is for gojs charting. When the menu expands, it seems to appear in front of the canvas itself, but behind any objects on the canvas.. but, where any part of the menu item is over the canvas, then the menu hover doesn't work. I've set every part of the menu control to z-index 100 and the same for its div container and the canvas seems to have a z-index of 2.

Any tips for finding out why the menu control isn't at the front ?

What I have tried:

I've tried changing all of the menu classes to have a z-index of 100
Updated 23-Jun-22 23:08pm

1 solution

Aha, found it, the menu needed to have the postition:relative added to make the z-index work.
Share this answer

This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)

CodeProject, 20 Bay Street, 11th Floor Toronto, Ontario, Canada M5J 2N8 +1 (416) 849-8900