CSS如何在底部而不是顶部缩放

Question

我的头版背景图像应该覆盖整个屏幕。

这是一个相当大的图像，2560x1714

然而，大多数的屏幕分辨率不匹配。当纵横比达到最大时。它在图片上开始“缩放”，将其填充到屏幕宽度。但是，当它这样做时，它会放大图片的顶部。

我需要它放大底部，因为这是我想要的焦点。

这里是什么，我想看到的图像：（沙滩基本上）

然而，当我让我的浏览器更广泛，它“放大”，在对图像的顶部。

这是完全没问题，它改变了我多少能看到图像。但我需要它与现在所做的相反。所以无论如何，海滩总是在屏幕的底部。

下面是我的头中的CSS：

header { 
position: relative; 
width: 100%; 
min-height: auto; 
text-align: center; 
color: #FAFAFA; 
background-image: url("../img/header-2.jpg"); 
background-position: top; 
-webkit-background-size: cover; 
-moz-background-size: cover; 
background-size: cover; 
-o-background-size: cover 
} 

如何，我可以把它的任何想法，所以我看到以下的天空，而不是海滩/冲浪板的少？

感谢您的帮助！

Answer 1

background-position: top; 

到

background-position: bottom;