Sign Up to our social questions and Answers Engine to ask questions, answer people’s questions, and connect with other people.
Login to our social questions & Answers Engine to ask questions answer people’s questions & connect with other people.
Lost your password? Please enter your email address. You will receive a link and will create a new password via email.
Please briefly explain why you feel this question should be reported.
Please briefly explain why you feel this answer should be reported.
Please briefly explain why you feel this user should be reported.
I have a navigation menu using nested ul. When the top ul is hovered over it uses jQuery’s .slidedown() to display the submenu ul.
This part works fine.
The problem I run into is when the submenu is displayed the lower portions (bottom li) are overlapped by a div further down the doc and I am unable to click on those sub menu items.
Here is the HTML. The question is simply how do I specify which element should be in the foreground when I have overlapping elements?
The stack order of elements is determined by the
z-indexCSS attribute.