html - CSS背景图像大小缩放

Question

我需要有关背景图像大小缩放的帮助。 代码:http://codepen.io/AnilSimon123/pen/JRBRZa

我在这里保存

  .bgimage{
  background:url('http://www.thedesignlove.com/wp-content/uploads/2012/08/free-blue-abstract-vector-background-6.jpg');
  background-size:100% auto;
  height:700px;
  width:100%;
  background-position:top center;
  background-repeat:no-repeat; 
}

如您所见，图像的尺寸为 588 x251 像素。

我希望图像沿宽度拉伸(stretch)但保持其原始高度，同时保持容器的高度为 700 像素。图像的高度是动态的。

感谢和问候， 阿尼尔·西蒙

Answer 1

尝试使用 background-size: cover

.bgimage{
  background:url('http://www.thedesignlove.com/wp-content/uploads/2012/08/free-blue-abstract-vector-background-6.jpg');
  min-height: 251px;
  width:100%;
  background-position:top center;
  background-repeat:no-repeat; 
  background-size: 100%;
}