jquery下拉菜单出现在其他div后面

我看过类似的问题，但没能解决。这是我的问题：

以下是jquery代码：

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
<script type="text/javascript">
$(document) .ready(function(){
$('li') .hover(function(){
$(this) .find('ul>li') .stop().fadeToggle(400);
}); 
});
</script>

我所尝试的： -更改/重做z索引值。

---

-从maincontent分区中删除了不透明度。

z-index仅适用于定位元素。添加位置：相对于需要控制z索引的元素。

z索引仅适用于定位元素。添加位置：相对于您需要控制z索引的元素。

谢谢！现在工作很好：谢谢！现在一切正常：

ul li li
{
background:#50d7db;
color:#005263;
display:none;
z-index: 5000;
}



#maincontent
{
background:rgba(255,255,255,0.5);
opacity:100%;
float:left;
width:815px;
height:390px;
margin-left:15px;
z-index:-5000;
}