与css的标头丝带

时间:2012-02-20 21:49:36

标签: css html

我想我过去几天都失去了理智。目前正在最终确定我的网站,并认为我会在我的页面顶部添加一个固定的标题功能区,只是为了增加一点美感。功能区显示正常,但在滚动页面时,功能区div下的所有内容似乎都在上滚动而不是功能区下的。我不确定我是否只是错过了我的造型中的某些内容,或者这是我的标记问题......还是两者:/

标记如下所示:

<body onunload="" class="">
<div id="ribbon" class="ribbon"></div>
<div id="container">
<div id="wrapper">
<div id="titleRow">
<hr />
  <div id="">
    <div id="primary"><script type="text/javascript">  
        Cufon.replace('#primary'); 
    </script><a href="">Text Placement</a>
    </div>
  </div>

<ul id="navigation">
    <li><a href="/portfolio" title="Portfolio" class="siteNav">Port</a></li>
    <li><a href="/profile" title="About" class="siteNav">About</a></li>
    <li><a href="/contact" title="Contact" class="siteNav">Contact</a></li>
    <li><a href="" title="Blog" class="siteNav">Blog</a></li>
</ul>

<div id="content"><hr />
    <div id="workHolder" class="tier590">
        <h2><a href="" title="View my projects" class="pageTitle siteNav">My Work</a></h2>
        <ul id="workList">

我的css设置为位置:固定,宽度:100%,高度:6px和背景颜色:#000

任何有关这方面的帮助,以便我可以在滚动时获取功能下的内容。提前致谢

1 个答案:

答案 0 :(得分:0)

尝试将z索引设置为999。

#ribbon {
position: fixed;
width: 100%; 
height: 6px;
background-color:#000;
z-index:999;
}