Javascript 具有z索引：-1的视频正在破坏具有z索引：1的固定div

这是一个奇怪的问题。我在页面顶部有一个固定导航栏，上面有

           .headerbar {
                width: 100%;
                position: fixed;
                z-index: 110;
                top: 0;
                left: 0;
                background:#FFF;
              }

我在页面上还有一个html5视频作为一个div的背景视频，其css如下

       video {
            display: inline-block;
            vertical-align: baseline;
            position: absolute;
            bottom: 0;
            right: 0;
            min-width: 100%;
            min-height: 100%;
            width: auto;
            height: auto;
            z-index: -1;
            overflow: hidden;
        }

问题是，当我滚动页面时，我的固定标题会移动大约15px，然后不会移动，但是如果我给视频一个正的z索引，一切都会正常工作，尽管视频不是背景

---

这很奇怪，我从来没有遇到过，有什么想法吗？有人吗？

你能发布一个JSFIDLE吗？我建议还包括你的HTML，如果可能的话，还有一个问题的工作示例。如果你修改了你的代码块的格式，这会伤害我的眼睛。你能发布一个JSFIDLE吗？我建议也包括你的HTML，如果可能的话，还有一个问题的工作示例。在你的代码块上修改你的格式，这会伤害我的眼睛