background-color 结束 background-image

Question

我尝试用 background-image 在三个 div 上添加不透明度过渡，但不透明度对 h4 标题有影响，所以我使用 background-color rgba 但问题是它没有出现在图像上。

Answer 1

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

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

（注意：我只应用到中间的元素）

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