为什么定位不起作用？

Question

我只是想把标题贴到顶部。我已将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;
}

请帮我找出阻止我的标题顶住的原因。

Answer 1

只需将Navbar从其他div中直接放入body中并增加它的z-index，这样就可以正常工作。

Answer 2

问题似乎是这一行：

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

（而且，cource，也没有前缀的变体）。

如果我通过开发者工具删除它，一切正常。

但我宁愿将<header>完全移到容器外面。

Answer 3

transform css属性会发生此问题。从transform

中删除.container后尝试一下