隐藏在其他div下的子菜单

Question

我的子菜单被其他div隐藏。 我使用过z-index，但无法正常工作。 以下是我的菜单代码。 我也尝试过更改位置样式，但仍然没有结果。

菜单的HTML代码

<div id="menu" class="col-xs-10  col-sm-10 col-md-10">
    <ul>
        <li>Home</li>
        <li>Our Partnership</li>                    
        <li>About Us</li>
        <li class="hasSub">Our School
            <ul class="submenu">
                <div class="row">
                    <div class="col-xs-4 col-sm-4 col-md-4">
                        <li>a</li>
                        <li>b</li>
                        <li>c</li>
                    </div>
                    <div class="col-xs-4 col-sm-4 col-md-4">
                        <li>a</li>
                        <li>b</li>
                        <li>c</li>
                    </div>
                    <div class="col-xs-4 col-sm-4 col-md-4">
                        <li>a</li>
                        <li>b</li>
                        <li>c</li>
                    </div>
                </div>
            </ul>
        </li>
        <li>Vision & Values</li>
        <li>News</li>
    </ul>
</div>

CSS代码

#menu{
    float: right;
    color: #2d385b;
    position: relative;
}
#menu ul {
    list-style: none;
}
#menu ul li {
    text-transform: uppercase;
    float: left;
    font-size: 15px;
    z-index: 5000;
}
#menu li ul{
    display: none;
    background:#ffffff;
    opacity: 0.9;
    position:absolute;
    min-width:450px;
    z-index:999999;
    right: 0px;
}
#menu li ul div {
    float:left;
    z-index:999999;
    border-right: #000 1px solid;
}
#menu li ul div li{
    width: 100%;
}
#menu li:hover ul{
    display: block;
}

Answer 1

我将您提供的代码放在jsFiddle中，菜单似乎可以正常工作。 什么都没有隐藏。 您在JSFIDDLE中的代码-CSS中可能有其他原因导致元素被隐藏。

If you see the problem in jsFiddle can you elaborate?