如何在溢出隐藏的情况下将颜色填充到空白区域？

Question

我有简单的CSS，我可以显示具有规定宽度和高度的图像。如果我把图像高度超过宽度，我可以很容易地填充框。但是当我上传更宽和更少高度的图像时。图像的底部仍然是空置或空白。

请帮我填写下面图片中标有黑色圆圈的空白区域。无论采用何种方法。

CSS

.container4 {
     width: 9.5em;
     overflow: scroll;
     height: 10em;
 }
.container4 img {
     width: 100%;
 }

Answer 1

background-size: cover;可能对您有用。 http://jsfiddle.net/uTHqs/

Answer 2

如果你将高度设置为100％并且没有设置宽度，它将填满整个画面，但画面会被剪掉，否则你可以平铺图像。