添加backgroundcolor后，伪li元素消失

Question

我试图在此脚本中修复伪li元素的问题：

http://jsfiddle.net/5xkrS/6/

将backgroundcolor添加到父div时，stepnumbers之间的连接器栏会消失。 （见http://jsfiddle.net/5xkrS/7/）

backgroundcolor似乎否决了伪li元素，但不是li元素。使用以下css：

/*progressbar connectors*/

#progressbar li:after {
    content:"";
    width: 100%;
    height: 2px;
    background: white;
    position: absolute;
    left: -50%;
    top: 9px;
    z-index: -1; /*put it behind the numbers*/
}

可能导致此问题的原因是什么方法可以解决此问题？

Answer 1

你去吧

http://jsfiddle.net/5xkrS/9/

#container {
    width: 500px;
    height: 600px;
    margin: 0 auto 0 auto;
    background-color: deepskyblue;
    position: relative;
    z-index: 1;
}

将position亲戚和z-index 1添加到容器中。在Mac上测试FF和铬