Z-Index funktioniert nicht auf Google Chrome, funktioniert aber auf Firefox, Edge und IE

Question

Ich brauche Hilfe über meinen Z-Index, der nicht funktioniert. Ich habe überall im Web und Stacks gesucht und konnte keine Lösung für mein Problem finden, das ist das:

Ich habe eine Kopfzeile (Position: Festnetz) oben mit Z-Index: 9999, und ich habe ein div Tag (Position: relativ) darunter. Wenn ich meine Website lokal teste, funktioniert alles gut, und wenn ich meine Website hochlade, funktioniert alles auch gut, aber nicht auf Chrom.

Aus irgendeinem Grund geht meine Inhalte über meine feste Kopfzeile, und ich glaube, ich habe buchstäblich alles versucht. Ich setze Position-Eigenschaft und Z-Index kleiner als auf Header auf jedem Div auf der Seite, aber ohne Erfolg.

Ich änderte Z-Index zu vielen Zahlen und immer noch nichts. Ich frage mich nur, warum funktioniert es in jedem Browser außer Google Chrome, die ich nicht beheben kann.

Das ist mein Kopf:

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; 
} 

ich könnte mehr Code schreiben, wenn Sie uns brauchen!

Answer 1

Okay, so plötzlich begann es zu arbeiten, ohne dass ich irgendetwas berührte.

Seltsam.