爲什麼位置固定不起作用？

我只是想把標題貼到頂部。我已將position設置爲fixed和top:0px;和left:0px。爲什麼位置固定不起作用？

我已經上傳my code here。

下面是CSS類標題：

header.header 
{ 
    background: #861912; 
    padding:5px 10px; 
    overflow: hidden; 
    height: 43px; 
    position: fixed; 
    width: 100%; 
    top: 0px; 
    left: 0px; 
}

請幫我找出什麼阻止我的頭在頂部粘。

來源

2014-07-24 shashwat

您宣稱擁有的CSS不在那裏。那就是問題所在。 – BoltClock

@BoltClock只要堅持一秒鐘。我錯誤地上傳了不正確的代碼。 – shashwat

的確，當我自己添加它時，它固定在瀏覽器的頂部，但.. – Bokdem

只需將導航欄放出其他div並直接放入車身，並增加它的z-index，這樣就可以正常工作。

來源

2014-07-24 13:19:57

+1並被接受。 Thanx @Minder – shashwat

這個問題發生在transform css屬性中。嘗試之後，從.container

來源

2014-07-24 13:00:01 sandy

刪除transform這個問題似乎是這一行：

.container { 
    ... 
    -webkit-transform: translateZ(0) translateX(0) rotateY(0deg); 
}

（和，五言，沒有前綴的變種太）。

如果我通過開發工具刪除它，一切工作正常。

但我寧願將<header>完全移到容器外面。

來源

2014-07-24 13:00:46 SVSchmidt

刪除轉換屬性將刪除動畫。我已經將'header'直接放在body中。但它隱藏了標題。現在找不到它隱藏的原因。我更新了服務器上的代碼。 – shashwat

爲什麼位置固定不起作用？

回答

相關問題