CODEWITHSUNDEEP
htmlcssmenuhover
Glancey
Glancey

Reputation: 53

CSS Menu Closing When Mouse-Over Something Behind It

I have a pure CSS navigation menu with a drop-down section based on some automated menu creation tool and heavily edited.

Previously the drop down was a single column but now, with increased number of pages, it needs to have multiple columns to remain neat looking.

The problem is now the drop-down menu covers my form (where it previously didn't), which is fine, but when moving your mouse over links in the menu the thing closes if you touch any form fields that are behind it.

Menu CSS is probably too long to paste here. Is there a way to stop the drop down from closing when touching elements behind it with the mouse?

Upvotes: 2

Views: 257

Answers (1)

Rick Calder
Rick Calder

Reputation: 18715

Set the z-index of the menu to a high number. Should keep it above other elements.

Upvotes: 2

Related Questions