css backgroudn圖像和背景顏色的最大寬度

Question

我有一個css類，它有一個背景圖像。我想將背景圖片的最大寬度修正爲1024px，並使用背景顏色進行渲染，因爲瀏覽器超出了這個範圍。有沒有辦法可以做到這一點？

現在，我有

background-size: cover; 

而且，它扭曲了圖像高度超過1,024像素。

.imageform { 
width: 100%; 
display: inline-block; 
background: url("http://i.imgur.com/FPmyviO.jpg") no-repeat; 
-webkit-background-size: cover; 
-moz-background-size: cover; 
-o-background-size: cover; 
background-size: cover; 
background-color: #000; 

}

的jsfiddle：http://jsfiddle.net/fwkqos0c/8/

Answer 1

你必須改變

background-size:1024px; 

和YPU錯過

background-repeat: no-repeat;