无法在菜单上的选择框中选择

Question

我在选择框上选择选项时遇到问题仅在我的菜单上选择选项时。我正在使用的菜单是一个插件Jquery。

当选择框在菜单上时，选项将返回。我尝试给我的div提供z-index，但它没有帮助我。有人可以帮助我解决这个问题。这对我来说是一个新问题......

我的HTML：

<div id="top-search">
        <form nmae='name123' action="queryexecute.php" method="POST">
        <table border="0" cellpadding="0" cellspacing="0">
        <tr>
        <select class="styledselect" name="field_2" style="width:100px;" autocomplete="on" placeholder="Show" required="">
            <option value="">Select</option>
            <option value="=">Equal</option>
            <option value="!=">Not equal</option> 
            <option value="LIKE">Like</option> 
            <option value="&gt;">Greater</option> 
            <option value="&lt;">Lesser</option>
            <option value="&gt;=">Greater than or equal to</option> 
            <option value="&lt;=">Lesser than or equal to</option>
            <option value="!==">Not identical</option></select>
        </select>
        </td>
        <td>
        <select class="styledselect" name="field_1" id="field_1" style="width:100px;" autocomplete="on" placeholder="Show" required="">
          <option value="">Select</option>
           <option value="`ShibAzmnNo`">no</option>
        </select>
        </td>
        <td>
        <input name='' type="submit" src="images/shared/top_search_btn.gif"  />
        </td>
        </tr>
        </table>
    </form>
    </div>

我的CSS：

#top-search {
    display: inline;
    float: right;
    position: relative;
    margin: 46px -150px 0 0;
    z-index: 1;
    }

Answer 1

它的z-index问题你应该将select的父元素的z-index增加到菜单的父元素

喜欢

<div style="position:relative;z-index:9999">select item</div> 

<nav style="position:relative;z-index:99">menu items</nav> 

OR

#top-search{z-index:9999;}