我想我过去几天都失去了理智。目前正在最终确定我的网站,并认为我会在我的页面顶部添加一个固定的标题功能区,只是为了增加一点美感。功能区显示正常,但在滚动页面时,功能区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
任何有关这方面的帮助,以便我可以在滚动时获取功能下的内容。提前致谢
答案 0 :(得分:0)
尝试将z索引设置为999。
#ribbon {
position: fixed;
width: 100%;
height: 6px;
background-color:#000;
z-index:999;
}