使CSS背景图像变暗，而不使透明卡面板下的区域变暗

我的网页包含一个背景图像和一个家长卡面板。在保持透明卡面板下区域的亮度不变的情况下，是否可以只使背景图像变暗？

取决于您通常可以使用的卡的位置和形状。我应该做的是： --为具有背景图像的HTML元素创建一个伪元素

--向外拉伸伪元素，以适合父元素的整个区域

--确保伪元素位于您案例中的父内容（卡片）下

--使用线性渐变向伪元素添加背景，使其看起来更暗

通过使用线性渐变，您可以控制背景图像的哪个部分看起来比另一部分更暗，您不想看起来更暗的部分应该具有透明的线性渐变值。这种技术在正常形状/位置的大多数情况下都能很好地工作，但是它有自己的局限性。我留给你去研究如何使用它们

如果您不习惯这些术语和技术，我会在下面添加一些链接：

伪元素：

线性渐变作为背景：