遮罩层不能覆盖导航条

在设置遮罩层的时候，发现遮罩层不能覆盖导航条。

原因：可能是z-index的值设的太小了。如下面所示：

#bg_background{
    position: absolute;
    z-index: 8;
    top:0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    background-color: #000;
    opacity: 0.4;
}

显示的效果是：遮罩层不能盖住导航条。

解决方法：将z-index设成37， 即z-index=37，就可以让遮罩层盖住导航条了。z-index因实际情况而定