Home/ Questions/Q 8966255
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-06-15T16:59:17+00:00

Why is the menu drop down hiding behind the jQuery button? div.menu ul li

  • 0

Why is the menu drop down hiding behind the jQuery button?

enter image description here

div.menu ul li a, div.menu ul li a:visited
{
    background-color: #465c71;
    border: 1px #4e667d solid;
    color: #dde4ec;
    display: block;
    line-height: 1.35em;
    padding: 4px 20px;
    text-decoration: none;
    white-space: nowrap;
    position: relative;
    z-index: 9999;
}
Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    I faced this problem too. I found the cause and solution.

    Cause: the button is rendered after the menu but it has been wrapped by some additional elements by jquery-ui, hence its z-index has been increased.

    Solution: to overcome the problem, we can increase z-index of the menu (better way than decreasing z-index of many buttons). But please remember that

    “z-index only works on positioned elements (position:absolute, position:relative, or position:fixed)”

    That so we need to position our menu also. Here is my code:

    <div style="position:relative;z-index:99"> MENU HERE </div>
    • 0