如何使标题在顶部变为静态

时间:2013-06-16 13:24:54

标签: html css

如何使标题导航看起来像http://dipstrategy.com

滚动时,我的导航栏一直向下移动。

有人有意见吗?

1 个答案:

答案 0 :(得分:0)

如果你想要菜单应该固定,即使你向下滚动,你必须使用css属性postion:fixed和你提供的演示网站做同样的事情

<div id="top" class="wrapper">
    <div class="wrapper">
        <div class="logo left">
            <img src="images/dipstrategy.png" alt="web agency">        </div>
        <div class="navigation right">
            <ul id="nav">
            <li class="margin-right15 current"><a href="#home">HOME</a></li>
            <li class="margin-right15"><a href="#do">WHAT WE DO</a></li>
            <li class="margin-right15"><a href="#team">CORE TEAM</a></li>
            <li class="margin-right15"><a href="#work">WORKS</a></li>
            <li><a href="#contact">CONTACT US</a></li>
        </ul>
        </div>
        <br clear="all">
    </div>
</div>

CSS: -

#top {
    position: fixed;
    background: #1a1a1a;
    width: 100%;
    height: 70px;
    z-index: 1999;
}