Jquery 无法在菜单上方的选择框中选择
只有在“我的菜单”上的“选择”选项被选中时,我才会在选择框上选择选项。我使用的菜单是一个插件Jquery 当选择框位于菜单上方时,选项将返回。我试着给我的div加上z-index,但没用。有人能帮我解决这个问题吗。。这对我来说是一个新问题 我的HTML:Jquery 无法在菜单上方的选择框中选择,jquery,html,css,forms,drop-down-menu,Jquery,Html,Css,Forms,Drop Down Menu,只有在“我的菜单”上的“选择”选项被选中时,我才会在选择框上选择选项。我使用的菜单是一个插件Jquery 当选择框位于菜单上方时,选项将返回。我试着给我的div加上z-index,但没用。有人能帮我解决这个问题吗。。这对我来说是一个新问题 我的HTML: <div id="top-search"> <form nmae='name123' action="queryexecute.php" method="POST"> <table
<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=">">Greater</option>
<option value="<">Lesser</option>
<option value=">=">Greater than or equal to</option>
<option value="<=">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>
它的
z-index
问题您应该将select的父元素的z-index
增加到menu的父元素
像
请分享您的html或css,您尝试使用哪种html或css这一专业技巧来回答未来的问题:使用jsfiddle.net创建问题的简化版本此站点您得到了您的解决方案我可以确定@TomPHP Define#top search{z-index:9999;}evn当我将我的z-index给20时,问题仍然没有得到解决。。有什么想法吗?请同时给导航提供z-索引,它应该小于顶部搜索,并添加相对于菜单容器的位置。如果我否决了它,我不会这样做。为什么我会回答它?我想人们也想要一个小提琴链接,他们否决了你。你是受欢迎的,因为我有这么多的经验,我可以一眼就告诉你这是一个z索引问题,但您应该提供一个可靠的链接来测试代码,这是这里的规则
#top-search {
display: inline;
float: right;
position: relative;
margin: 46px -150px 0 0;
z-index: 1;
}
<div style="position:relative;z-index:9999">select item</div>
<nav style="position:relative;z-index:99">menu items</nav>
#top-search{z-index:9999;}