图像上的奇/偶背景色

Question

我遇到了这个问题，第n个孩子试图使每张其他卡片上都带有某种颜色。尝试了一堆解决方案，但遇到问题使它们难以解决。我相信这就是我攻击第n个孩子的方式。想法是使.layer在某个背景图像上覆盖渐变元素，以覆盖父元素。

.form-wrap:nth-child(odd) .layer {
		background-color: rgba(248, 247, 216, 0.7);
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
	}

<div class="form-wrap col-xs-12 col-md-4">
    <div class="upper">
		<div class="action">
        <div class="table" style="background-image: url('url');"> 
          <h3 class="page-headline">Text</h3>
          <div class="layer"></div>
        <div>
    </div>
    </div>
</div>