Html css颜色覆盖在每个悬停图像上

我试图用css将每个图像覆盖到红色背景色上，但到目前为止，我还没有成功地将所有封闭的图像覆盖

有什么想法吗

.gallery覆盖{
背景：rgba（200,30,30,0.5）；
位置：绝对位置；
左：0；
排名：0；
宽度：100%；
身高：100%；
显示：无；
}
.图库图像：悬停。图库覆盖{
显示：块；
}

现在检查一下

.gallery覆盖{
背景：rgba（200,30,30,0.5）；
位置：绝对位置；
左：0；
排名：0；
宽度：100%；
身高：100%；
显示：无；
}
.图库图像：悬停。图库覆盖{
显示：块；
}
.gallery图像{位置：相对；溢出：隐藏；显示：内联块}

现在检查一下

.gallery覆盖{
背景：rgba（200,30,30,0.5）；
位置：绝对位置；
左：0；
排名：0；
宽度：100%；
身高：100%；
显示：无；
}
.图库图像：悬停。图库覆盖{
显示：块；
}
.gallery图像{位置：相对；溢出：隐藏；显示：内联块}

.gallery覆盖{
背景：rgba（200,30,30,0.5）；
位置：绝对位置；
左：0；
排名：0；
宽度：100%；
身高：100%；
显示：无；
}
.画廊图片{
宽度：100px；
高度：100px；
位置：相对位置；
浮动：左；
利润率：0px 15px；
}
.图库图像：悬停。图库覆盖{
显示：块；
}

.gallery覆盖{
背景：rgba（200,30,30,0.5）；
位置：绝对位置；
左：0；
排名：0；
宽度：100%；
身高：100%；
显示：无；
}
.画廊图片{
宽度：100px；
高度：100px；
位置：相对位置；
浮动：左；
利润率：0px 15px；
}
.图库图像：悬停。图库覆盖{
显示：块；
}

如果这有助于您并向上投票，则选中此答案：）如果这有助于您并向上投票，则选中此答案：）