html - 消失的导航链接/栏

Question

我已经广泛搜索了该网站，但找不到答案。请，我是新手，我需要你的帮助。

我想创建一个固定的导航栏，但每次将固定规则放置在我的 CSS 样式表中时，导航栏都会消失。这是我的 html 代码:

<div id="container">
    <div id="nav-wrapper">
    <div id="nav">
        <a href="#">Link</a>
        <a href="#">Link</a>
        <a href="#">Link</a>
        <a href="#">Link</a>
        <a href="#">Link</a>
    </div>

这是 jsfiddle 链接

http://jsfiddle.net/ePttq/

非常感谢任何反馈。非常感谢!

Answer 1

#nav中的z-index有问题，将此样式写入#nav

#container {
    width: 900px;
    margin: 0 auto;
    position:relative;
    padding-top:50px;
}

#nav {
    height: 50px;
    background: #b7d84b;
    position:fixed;
    z-index:10;
    width:900px;
    top:0;
}

已更新jsFiddle File