如何向隐藏溢出的空白区域填充颜色？

Question

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

帮我填标有下面的图像的黑色cirle是空的空间。无论采取什么方法。

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％并且不设置宽度，它将填充整个框架，但图片将被截断，否则您可以平铺图像。