z-index在Google Chrome上不起作用，但適用於Firefox，Edge和IE

Question

我需要有關我的z-index無法工作的幫助。我一直在尋找所有的網絡和堆棧，並找不到解決方案，我的問題是這樣的：

我有一個標頭（位置：固定）頂部z-index：9999，我有一個div標記（位置：相對）在它下面。當我在本地測試我的網站時，一切正常，當我上傳我的網站時，一切正常，但不是在Chrome上。

出於某種原因，我的內容超出了我的固定標題，而且我認爲我從字面上嘗試了一切。我把位置屬性和z-index放在頁面上每個div上的標題上，但無濟於事。

我將z-index改爲許多數字，而且什麼也沒有。我只是想知道爲什麼它會在除Google Chrome之外的每個瀏覽器都能正常工作，我無法修復。

這是我的頭：

header { 
    min-height: 100px; 
    width: 100%; 
    background-color: #003871; /* boja hedera */ 
    position: fixed; 
    top: 0; 
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); 
    z-index: 9999; 
} 

，如果你需要我，我可以發佈更多的代碼！

Answer 1

好吧，所以突然間，它開始工作，沒有我觸摸任何東西。

奇怪。