Html 调整实际图像大小时覆盖太大

很抱歉问了这个基本的问题，但你们能解决这个问题吗，这是代码

.集装箱{
位置：相对位置；
宽度：50%；
}
.形象{
显示：块；
宽度：100%；
高度：自动；
}
.覆盖{
位置：绝对位置；
排名：0；
底部：0；
左：0；
右：0；
身高：100%；
宽度：100%；
不透明度：0；
过渡：放松；
背景色：#008CBA；
}
.container:悬停。覆盖{
不透明度：1；
}
.文本{
颜色：白色；
字体大小：20px；
位置：绝对位置；
最高：50%；
左：50%；
转换：翻译（-50%，-50%）；
-ms转换：翻译（-50%，-50%）；
}
淡入叠加
将鼠标悬停在图像上以查看效果

你好，世界

您忘记了两件事：1）链接图像和2）提问。你能描述一下你想发生什么吗？这真的不清楚。我的意思是，如果我在代码中更改图像的宽度，那么它将导致覆盖（当我将鼠标悬停在图像上时出现的蓝色覆盖）大小没有更改。覆盖的宽度设置为

100%

。如果你想要的小于此值，请将其设置为小于此值。你忘记了两件事：1）链接图像和2）提问。你能描述一下你想发生什么吗？这真的不清楚。我的意思是，如果我在代码中更改图像的宽度，那么它将导致覆盖（当我将鼠标悬停在图像上时出现的蓝色覆盖）大小没有更改。覆盖的宽度设置为

100%

。如果您想要小于该值，请将其设置为小于该值。