css固定位置与横幅重叠

Question

我有一个固定位置和div（内容）的div（横幅）。当我向下滚动div（内容）时，它将与div（横幅）重叠并导致一些字词div（横幅）无法看到。我试图把z-index放在两个div上，但仍然有相同的结果。请在Jsfiddle上查看我的代码。

Jsfiddle:https://jsfiddle.net/ckcheah/731sLxks/

Answer 1

您可以添加background-color到您的横幅。

这样的：background-color: #fff;

实际上，您可以将您的旗帜top:0设置在框架的顶部固定它。