很奇怪Chrome有錯誤，用z-index和位置：固定

我已經到一個臨時網站做一個非常快的前端構建，很奇怪Chrome有錯誤，用z-index和位置：固定

有一個奇怪的錯誤，只是偶爾出現在Chrome和它的粘頭有時位於內容下方。它具有10的z-索引，沒有定位的內容具有比這更高的z-索引。

最奇怪的是，它只偶爾出現，而不是每次都出現，如5-10％的時間，這使得測試非常困難。

我試着去除導航元素上的3d變換，但是錯誤仍然存在。看起來這是某種渲染問題，但是我發現原因很關鍵，因爲我們不能用這樣的錯誤啓動，原因很明顯。

我真的不能發佈任何代碼，因爲我不知道有什麼可以導致它。我認爲在這個例子中發佈大量代碼不會有幫助。帶有bug的元素有一個.navbar類，它位於.site-header的後代，用於在Chrome開發工具中快速查看。

如果有人能夠對這種非常不尋常的行爲有所瞭解，我會非常感激。

這應該可以解決這個問題：由於你的頭是用position: relative; z-index: 10;

，給你的容器下面的風格：

.page-content { 
     position: relative; 
     z-index: 9; 
}

這將確保你的頭總是在你的容器。

2015-04-02 09:28:10 Nima

這應該，在理論上的工作。驚訝我沒有想到這一點。如果這有效，我會告訴你。 – 2015-04-02 09:38:10

現在就實施了建議的修復程序，它在我原始文章的鏈接中生效。在像第30頁刷新之後，標題又一次在內容之後。非常非常奇怪。 – 2015-04-02 10:00:24

注意：當我在開發工具的頁面上更改其他任何東西時，如頁腳中的填充底部，導致頁面重新繪製該錯誤消失。 – 2015-04-02 10:03:13

刪除父（在您的情況下標題）的Z索引，並添加一個位置：相對

2015-04-02 09:32:15

感謝您的回覆。我以前已經嘗試過，但無濟於事。我應該在我的問題中提到這一點。我認爲尼瑪的建議可以解決問題。 – 2015-04-02 09:39:33

回答