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

Question

我正在尝试实现一个背景，该背景将填充任何屏幕的宽度而不是高度，同时仍保持其比例。有点像这些的上半部分：

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

这是我放在正文中的内容，但它填满了整个屏幕。在这种情况下，我将 body 称为主页，因为我的其他页面有不同的背景

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

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

How to get a background to fill width (but not height) of screen?

css

background