Css 显示图像背景的全宽和全高

Css 显示图像背景的全宽和全高,css,Css,这似乎是一个重复的问题,但在我的情况下,没有任何效果。 我想在div中放入一张图片,并将其完全显示,直到有可能为止。我的图像是一个矩形,边在角上,我希望根据div的大小在div中看到它 .container\u img{ 边框:1px纯红; 利润上限:-14px; 显示:表格; 边缘顶部:2倍; 宽度:709px; 高度:141px; 背景图像:url(“https://i.imgur.com/VBOZfaY.png"); 背景重复:无重复; } 您需要设置背景大小:contain或背景尺

这似乎是一个重复的问题,但在我的情况下,没有任何效果。 我想在
div
中放入一张图片,并将其完全显示,直到有可能为止。我的图像是一个矩形,边在角上,我希望根据div的大小在
div中看到它

.container\u img{
边框:1px纯红;
利润上限:-14px;
显示:表格;
边缘顶部:2倍;
宽度:709px;
高度:141px;
背景图像:url(“https://i.imgur.com/VBOZfaY.png");
背景重复:无重复;
}


您需要设置
背景大小:contain或<代码>背景尺寸:封面

添加
背景尺寸:100%100%。请参阅下面的代码片段

.container\u img{
边框:1px纯红;
利润上限:-14px;
显示:表格;
边缘顶部:2倍;
宽度:709px;
高度:141px;
背景图像:url(“https://i.imgur.com/VBOZfaY.png");
背景重复:无重复;
背景大小:100%100%;
}

检查一下..可能会对您有所帮助


.container_img{
边框:1px纯红;
边缘顶部:2倍;
宽度:100%;
身高:100%;
}

页面标题

背景尺寸:包含
?可能重复的