固定报头图标重叠

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。