图层背景和图像

Question

在我的网站上，我创建了一些景观，其中有几个图像（房屋，云等）放在背景上（蓝天）。但是，我希望能够在所有东西上面放置一个半透明层，以使景观更加突出（即饱和度更低）。

最重要的是一些文本框（即问题，它是一个论坛）不应该受到图层的影响。他们是我想要这样做的原因，因为我希望这些问题能够脱颖而出。

怎么可以这样做？

<div class="questions questions-index">
    <div class="action-container container">
        <img class="pic cloud-rainbows" src="/static/images/cloud-rainbow.png" />
        ...
        ...
        <div>
           Text boxes that shouldn't be affected by the layer
        </div>
    </div>
</div>

.questions-index {
    background-color: #8CBDE6;
    color:white;
    /* box-shadow: inset 0 0 0 1000px rgba(0,0,0,.2); */ this works, but only for the background not the images
}