如何向隱藏溢出的空白區域填充顏色？

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％並且不設置寬度，它將填充整個框架，但圖片將被截斷，否則您可以平鋪圖像。