如何更改背景图像的不透明度

Question

我有一个带背景图像的父div元素，并且里面有一个div女巫文本块和一个图像。父div的页眉类具有红色背景色。现在，我希望背景图像具有不透明性，使该背景色可见。请提出我该怎么做。 预先感谢。

下一个代码是我已经拥有的。我已经尝试在CSS中设置不透明度。但是，红色背景也会变得不透明。而且图像变得更白而不是红色

    <?php $image=get_field("header_afbeelding");?>
<div class="container-header">
  <div class="row align-items-center" style="margin-left:0px;margin-right:0px;">
    <div class="col-md-12 page-header text-center" style="background-image:url('<?=$image?>'); ">
      <h1 class="headertitel"><?php echo the_title(); ?></h1>
      <img src="/wp-content/uploads/2018/10/hoek2.png" class="hoek" width="73px;" height="auto">
    </div>
  </div>
</div>



.page-header {
  max-height: 268px;
  height: 268px;
  background-color: $red;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}