Html 与图像一起调整悬停遮罩的大小

我有一个活动网站，如果你将鼠标悬停在浏览器宽度为880px及以下的图像上，悬停遮罩不会随图像调整大小，看起来很糟糕。这是一段有问题的代码，但这是完整的css和一个示例网页css问题代码是最后两个

.view.mask、.view.content{}

和

.view a.info、.view a.info2、.view a.info3{}

请看我的完整css代码，它不是大的和帮助。我试图让悬停遮罩的大小与图像一致，最大浏览器宽度为600px，这是网站的最小宽度。谢谢

@仅媒体屏幕和（最大宽度：880px）{
.视图{
宽度：94%；
身高：94%；}
.查看img{
宽度：94%；
身高：94%；}
.view.mask、.view.content{
宽度：94%；
身高：94%；
位置：绝对位置；
溢出：隐藏；
排名：0；
左：0；}
.查看a.info、.查看a.info2、.查看a.info3{
显示：内联块；
文字装饰：无；
利润率：15px；
文本缩进：-9999px；
宽度：50px；
高度：50px；}
}

首先，您需要修复

（第24行）

标记，该标记在

中包含html而不是css

其次，对您的

html

（删除

星期五快到了
，embakasi | Dj Denz
该死的，周一的kesho ni。别担心，也许会有一个难忘的周末，还可以赢得一些东西。你们带来了最优秀或最差的人才，所有获奖者。包括啤酒和饮食比赛。着装规范，性感和优雅，因为这也是一个奖项

我有很多图片可以通过css调用，因此是否需要保留这些图片？为什么会有问题？是的，因为我有7个网页，每个网页都有20多张照片，我不想通过css获取所有图片，因为由于微数据，我不得不在网页上隐藏多个标签