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;