如何在类中更改背景图像属性？

Question

我有card-panel div背景图片，我想在背景图片上使用过滤器（棕褐色）（它会在div中绘制所有内容）。

如何输入背景图像属性？

.card-panel {
   background-image: url("../img/d1f71749f.jpg");
   position: relative;
   filter: sepia(50%);
}

/* something like this:
   .card-panel background-image {
   filter: sepia(50%);
}
*/

Answer 1

在家长div内提供孩子div，向孩子background-image提供div，并将filter: sepia(50%);应用于孩子div

<div class="parent">
  <div class="child"></div>
</div>

.parent {
   position: relative;
}

.child {
   background-image: url("../img/d1f71749f.jpg");
   filter: sepia(50%);
}