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

z-index #nav存在#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; }

的问题

{{1}}

更新jsFiddle File

Answer 2

好的..你的答案是：http://jsfiddle.net/ePttq/3/

以下是您需要在css中进行的更改：

#nav {
    height: 50px;
    background: #b7d84b;
    position:fixed;
    top:0px;
    left:0px;
    z-index:100;
    right:0px;
}

我已经修复了导航栏...即使在滚动...这将继续工作：）

Answer 3

在导航div中使用以下内联样式：

<div id="nav" style="position:fixed;top:0;width:100%;z-index:10000">
            <a href="#">Link1</a>
            <a href="#">Link</a>
            <a href="#">Link</a>
            <a href="#">Link</a>
            <a href="#">Link</a>
        </div>

Answer 4

#nav {
height: 50px;
background: #b7d84b;
position:fixed;
z-index:9999;
width:100%;
}

消失的导航链接/栏

4 个答案: