css - 背景图像上的半透明颜色层？

Question

我有一个 DIV，我想把一个图案作为背景。这个图案是灰色的。所以为了让它更漂亮一点，我想在上面放一个浅色透明的颜色“层”。以下是我尝试过但没有用的方法。有没有办法将彩色图层放在背景图像上？

这是我的 CSS:

background: url('../img/bg/diagonalnoise.png');
background-color: rgba(248, 247, 216, 0.7);

Answer 1

我知道这是一个非常古老的话题，但它显示在 Google 的顶部，所以这是另一个选择。

这是纯 CSS，不需要任何额外的 HTML。

box-shadow: inset 0 0 0 1000px rgba(0,0,0,.2);

box-shadow 功能的用途多得惊人。