z-index在Google Chrome上不起作用,但适用于Firefox,Edge和IE

z-index在Google Chrome上不起作用,但适用于Firefox,Edge和IE

问题描述:

我需要有关我的z-index无法工作的帮助。我一直在寻找所有的网络和堆栈,并找不到解决方案,我的问题是这样的:z-index在Google Chrome上不起作用,但适用于Firefox,Edge和IE

我有一个标头(位置:固定)顶部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; 
} 

,如果你需要我,我可以发布更多的代码!

好吧,所以突然间,它开始工作,没有我触摸任何东西。

奇怪。