HTML，CSS頁眉援助

因爲我將無法張貼圖片的鏈接，它HTML，CSS頁眉援助

http://i.stack.imgur.com/LxO1e.png

我有這個網站上，PHP和其他所有的東西都在工作。問題是，當我向上滾動以查看下面的其他內容時，滾動的元素會在頭部而不是在頭部之下。我該如何解決這個問題？

我似乎無法發佈HTML這裏，我試圖縮進四個空格的事情，但它不與HTML的東西，所以，而不是在這裏工作是網站：pageboost.comze.com

這裏的CSS的主要是去在代替下

.inmain 
{ 
width:95%; 
height:100%; 
left:20px; 
top:42px; 
position:relative; 
}

和這裏的頁眉的CSS

.header 
{ 
background-color:#ffd800; 
width:100%; 
height:42px; 
position:fixed; 
left:0px; 
top:0px; 
-webkit-box-shadow: 0 5px 6px -6px black; 
-moz-box-shadow: 0 5px 6px -6px black; 
}

來源

2012-05-21 Question Man

這是不可能解決任何問題，如果你不提供一些代碼 – cen

你可以比你發佈您的代碼得到你的錯誤的確切解決方案.... –

只是定義的z-index值到您的頭類或您定義的位置標識。它發生，所以當你會給的z-index值我希望能順利工作.....

修訂ANSWER

我已經給在的的z-index值頭類其工作正常，現在請檢查一下.....

HTML

<div class="header"></div> 
<div class="inmain">afdadfasf</div>

CSS

.header 
{ 
background-color:#ffd800; 
width:100%; 
height:42px; 
position:fixed; 
left:0px; 
top:0px; 
-webkit-box-shadow: 0 5px 6px -6px black; 
-moz-box-shadow: 0 5px 6px -6px black; 
    z-index:1; 
} 

.inmain 
{ 
width:95%; 
height:100%; 
left:20px; 
top:35px; 
position:relative; 
}

爲了更好地理解看到現場演示： - http://jsfiddle.net/X8vpg/6/

來源

2012-05-21 05:06:31

謝謝你們！自那以後，你們一直在幫助我。 –

@Miles檢查更新的答案... –

你必須定義的z-index與一個這些位置relative,absolute or fixed。

例如寫喜歡他：

.header{ 
position:fixed; 
z-index:1; 
}

來源

2012-05-21 05:03:00 sandeep

謝謝你們！自那以後，你們一直在幫助我。 –

HTML，CSS頁眉援助

回答

相關問題