修复了标题图标重叠

时间:2013-08-06 06:40:27

标签: html css

The output

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

进度条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%;
}

1 个答案:

答案 0 :(得分:2)

z-index应用于导航栏。

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

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

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