修复了标题图标重叠

Question

我有以下屏幕，我有一个进度条，它的图标正在重叠并且它会扰乱导航栏。

进度条css：

ol.progtrckr li {
    display: inline-block;
    text-align: center;
    line-height: 3em;
}
ol.progtrckr li:before {
    overflow:hidden;
    position: relative;
    bottom: -2.5em;
    float: left;
    left: 50%;
    line-height: 1em;
}

导航栏css：

#navwrapper {
margin:0 auto;
background-color: #3A87AD;
position: fixed;
width: 100%;
}

Answer 1

将z-index应用于导航栏。

#navwrapper {
    z-index: 100;
    ....
}

z-index较大的元素与其他元素重叠。

有关详细信息，请查看z-index - MDN。