创建弹出菜单

Question

我想创建一个弹出菜单。单击菜单栏可在主页上打开导航页面。但是，我在导航页面中看不到关闭按钮。可能是z-index的问题，但我真的遇到了这个问题。请查看

中的代码

<header class="header cd-header">
<div  class="logo left">
    <img id="logo" src="images/logo.png">
        <img src="images/logo_white.png" style="display:none;opacity:1;">
</div>
    </header>
    <nav class="cd-primary-nav small-1 column">
        <div class="white_logo ">
            <img src="images/logo_white.png">
            </div>
            <ul>
                <li>
                    <a href="#">Work</a>
                </li>
                <li>
                    <a href="#">About</a>
                </li>
                <li>
                    <a href="#">Capabilities</a>
                </li>
                <li>
                    <a href="#">Culture</a>
                </li>
                <li>
                    <a href="#">Bable Blog</a>
                </li>
                <li>
                    <a href="#">Contact</a>
                </li>
            </ul>
        </nav>
        <a class="cd-primary-nav-trigger" href="#0">
            <div class=" active cd-header">
                <div class="nav menu right">
                    <span class=" icon-container">
                        <span class="line line01"></span>
                        <span class="line line02"></span>
                        <span class="line line03"></span>
                        <span class="line line04"></span>
                    </span>
                </div>
            </div>
        </a>

http://jsfiddle.net/shumana/j0dLt24p/5/ 并帮助我。这里，cd-primary-nav包含关闭按钮。即使我把高级z-index放到那个类中，它也行不通。

提前谢谢！