背景画像の上に半透明のカラーレイヤーを配置しますか? 質問する

DIV があり、背景としてパターンを配置したいと考えています。このパターンは灰色です。そのため、もう少し見栄えを良くするために、明るい透明色の「レイヤー」を配置したいと思います。以下は私が試した方法ですが、うまくいきませんでした。背景画像の上に色付きのレイヤーを配置する方法はありますか?

これが私の CSS です:

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