如何获得背景来填充屏幕的宽度（但不是高度）？

Question

我试图获得一个背景，它将填充任何屏幕的宽度而不是高度，同时仍保持它的比例。有点像上半部分：

http://www.pinterest.com/pin/189291990563086544/ http://www.pinterest.com/pin/189291990563736487/

这是我放在身体里但它填满了整个屏幕。在这种情况下，我称之为身体归属地，因为我的其他页面具有不同的背景

   #homeground {
   background:url(../images/hero-bg.png) no-repeat center center fixed; 
   -webkit-background-size: cover;
   -moz-background-size: cover;
   -o-background-size: cover;
   background-size: cover;
   }

你们可以提出建议吗？

Answer 1

试试这个

background:url(../images/hero-bg.png) no-repeat top center; 
background-size: 100% auto;