css - 背景颜色超过背景图像

Question

我尝试在带有背景图像的三个 div 上添加不透明度过渡，但不透明度对 h4 标题有影响，所以我使用背景颜色 rgba，但问题是它没有出现在图像上。

Answer 1

我想我找到了您想要的解决方案，但我经过大量调整才得到它:

http://codepen.io/anon/pen/bwvGkZ

(注意:我只应用到中间的元素上)

最重要的变化是我将背景图像放入 CSS 样式表(不是内联样式)，并作为 background 属性。还有背景颜色(应用于 .promo-overlay)我定义为 background - 这样两个背景就可以组合在一起。有关详细信息，请参阅代码笔。