css背景图像和背景颜色的最大宽度

Question

我有一个具有背景图像的css类。我想将背景图像的最大宽度修复为1024px，并使用背景颜色进行渲染，因为浏览器会超出此范围。我有办法做到吗？

现在，我有

background-size: cover;

并且，它将图像高度扭曲超过1024px。

.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;

你错过了

background-repeat: no-repeat;