CSS3 简单的文本动画,滚动时重叠固定导航栏,虽然文本的内容区域没有?

CSS3 simple Text Animation, overlaps fixed Navigation bar when scrolled, although the content area of the text doesn't?

所以,正如标题所说,我有一个固定位置导航,后面是一个横幅和一个内容区域,我正在使用 Animate.css(来自 github)来设置样式一个简单的 header,在内容区。 header 在不处于动画状态时表现良好,并且在缩放和滚动页面时不会与导航重叠,但在动画之后它会重叠。

动画后我的横幅也有同样的问题,但我可以通过设置 position:relative;z-index:0;

对其进行排序

感谢任何帮助。

-webkit-animation-fill-mode: backwards 似乎解决了问题,现在一切正常。

我不明白为什么 z-index 操作在这种情况下没有帮助,但在横幅的情况下却有帮助。