CSS付きヘッダーリボン

私は過去数日で私の頭を失ったと思います。現在私のサイトを完成させて、ちょっとした美学を追加するために、私のページの上部に固定ヘッダーリボンを追加することを考えました。リボンはうまく表示されますが、ページをスクロールすると、リボンの下のすべてのコンテンツがよりを超えての代わりにリボンの下にスクロールするように見えます。イム私はちょうど私のスタイリングで何かを逃したか、これが私のマークアップに問題がある場合...またはその両方かどうかわからない：/CSS付きヘッダーリボン

マークアップは次のようになります。

<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">

位置：固定、幅：100％、高さ：6px、背景色：＃000

スクロールするとリボンの下にあるものを得ることができるので、これについての助けがあれば助かります。事前

出典

2012-02-20 Adam

にあなたのzインデックスを設定してみてください、あなたのCSSを投稿し、私はあなたをお手伝いしますしてください。 – nadavy

のおかげでは999

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

出典

2012-02-20 22:13:55

はz-indexで完全に機能しました。ありがとう！助けを感謝する – Adam

CSS付きヘッダーリボン

答えて

関連する問題