是否可以在css中的伪元素上同时具有背景颜色和背景图像

Question

我有一个模板，我需要覆盖。我的div位于中间，因为我的设计使用了我使用的全宽色带：之前和之后创建效果。现在在我需要的那个功能区上工作有一个图像显示在它上面。它适用于主div但对于伪元素我不能让它工作。

.backbox:before
{
    content: '';
    display: block;
    width: 5000px;
    height: 400px;
    background-color: gray;
    background-image:url(/wp-content/uploads/2014/08/buildings.png) ;
    background-position:bottom;
    background-repeat: no-repeat;
    top:0px;
    background-repeat: no-repeat;
    position: absolute;
    left: -4985px;
    z-index: 5;
}
.backbox:after
{
    content: '';
    display: block;
    width: 5000px;
    height: 400px;
    background-color: gray;
    background-image:url(/wp-content/uploads/2014/08/buildings.png) ;
    background-position:bottom;
    background-repeat: no-repeat;

    position: absolute;
    right: -4985px;
    z-index:5;
}

编辑： 正如您在此处所要求的那样，网页应该是什么样子的图像

Answer 1

你不能使用z-index吗？ 因此，请在功能区和想要放在其上的图像周围放置一个div。然后使色带成为z-index：1;和图像和z-index：2;