我要在临时站点上进行非常快速的前端构建，
有一个奇怪的错误只会偶尔出现在Chrome中，而且它的粘性标题有时位于内容的下方。它的z-index为10，没有定位的内容具有比这更高的z-index。
最奇怪的是它只偶尔出现而不是每次出现，比如5-10％的时间，这使得测试变得非常困难。
我尝试删除nav元素上的3d变换，但bug仍然存在。它似乎是某种渲染问题但是我发现原因是至关重要的，因为出于显而易见的原因我们无法使用这样的bug启动。
链接： http://wasabiadmin.se/getillbaka/
我无法发布任何代码，因为我不确定是什么导致它。我不认为在这个实例中发布大量代码会有所帮助。 带有bug的元素有.navbar类作为.site-header的后代，可以在Chrome Dev工具中快速查看。
如果有人能够对这种非常不寻常的行为有所了解，我会非常感激。
答案 0 :(得分：1)
这应解决问题：
当您的标题使用position: relative; z-index: 10;时，请为您的容器指定以下样式：
.page-content {
position: relative;
z-index: 9;
}
这将确保您的标题始终位于您的容器上。
答案 1 :(得分：0)
删除父级的z-index（在您的情况下为标题）并添加位置：relative