2016-05-06 156 views
1

我試圖解決我的頭球頂。我已經看過其他帖子,並確定我做得對。這是標頭的CSS:CSS固定頭

.header{ 
    width: 100%; 
    position:fixed; 
    top: 0px; 
} 

由於某種原因,當我這樣做時,標題消失。任何想法爲什麼?我應該如何更改代碼? 僅供參考我正在使用bootstrap並將其添加到它。

由於一噸,斯特凡

看到這麼回答我提出這樣的修改,但它在我身上又消失了。我使用的CSS是:

position: fixed; 
width:960px; 

再有什麼幫助?非常感謝。

+2

編輯'fixes'到'fixed'。它可能需要'z-index' – se0kjun

回答

4

一個簡單的錯字position - 你想要fixed而不是fixes

.header{ 
    width: 100%; 
    position:fixed; 
    top: 0px; 
} 
+0

謝謝一噸沒有意識到。 :) –

+0

@ StefanWalzer - 戈德菲爾德一點點專業提示:習慣在你的瀏覽器(Chrome,火狐,IE瀏覽器),使用開發工具。您將能夠導航到您的標題元素,並且在CSS檢查面板中,「position:fixes」會被突出顯示/標記爲「不正確的值」。 – Singular1ty

+0

瀏覽器中的開發人員工具?另外,不要把它放在網上,所以我可以做到這一點。 –

0

它看起來像你的代碼是好的。您可以嘗試使用檢查螢火蟲插件的元素,看到任何衝突there.You也可以嘗試增加高度,如果仍然沒有解決,那麼你可以看看sticky header文章解釋使得它的過程。

.header{ 
width: 100%; 
position:fixed; 
top: 0px; 
height:50px; 
}