Html 不过滤单元格内容的单元格背景过滤器

我有一个HTML表格，其中每个单元格都有一个唯一的背景

我想在悬停时使背景图像变暗，而不使单元格内的文字变暗。我该怎么做

以下是我目前的代码：

html{
颜色：白色；
字体大小：200%；
}
th{
宽度：500px；
高度：300px；
背景图片：url(https://images.pexels.com/photos/1054655/pexels-photo-1054655.jpeg?auto=compress&cs=tinysrgb&dpr=2&h=750&w=1260);
背景位置：中心；
背景大小：100%；
过渡：1s；
}
th:悬停{
滤光片：亮度（50%）；
背景大小：125%；
}

大象

您可以在内部使用方框阴影，它将覆盖在背景上

例如：

html{
颜色：白色；
字体大小：200%；
}
th{
宽度：500px；
高度：300px；
背景图片：url(https://images.pexels.com/photos/1054655/pexels-photo-1054655.jpeg?auto=compress&cs=tinysrgb&dpr=2&h=750&w=1260);
背景位置：中心；
背景大小：100%；
过渡：1s；
盒影：嵌入0.50vw rgba（0,0,0,0）；
}
th:悬停{
盒影：嵌入0.50vw rgba（0,0,0,0.5）；
背景大小：125%；
}

大象