像上面的评论说你需要发布一些代码，以帮助别人理解。但一般来说，如果你想覆盖的图像，使其更暗，你可以用途：

background-image: linear-gradient(
        rgba(23, 23, 23, 0.6),
        rgba(23, 23, 23, 0.6)
       ),url(myImage.jpg);

它会使你的图像变暗。你可以调整不透明度（0.6）使它变暗或变亮，也可以改变覆盖颜色。把你的图像路径放在url内。
或者如果你有一个单独的容器来覆盖背景，也可以使用上面的注解。这完全取决于你想要什么。另一个例子：

.overlay {
    width: 60%;
    height: 60%;
    background-color: #80807d23;
    backdrop-filter: blur(2px);
}

<div class="overlay"></div>

这是一个完整的例子。这是非常简单的代码，所以希望它容易理解，但如果不容易理解，请留下评论和你的问题。

.background{
  width: 500px;
  height: 300px;
  background-image: url("https://images.squarespace-cdn.com/content/v1/5681a12557eb8de39669d2f9/1584782895817-PX5ZBDNB5S6ASRQ0H46P/image-asset.jpeg");
  
  
  /* centers the children of this element */
  display: flex;
  align-items: center;
  justify-content: center;
}

.overlay{
  width: 300px;
  height: 150px;
  background-color: rgba(255, 255, 255, .6);
}

<div class="background">
  <div class="overlay">
    you can put whatever content you want here
  </div>

</div>