图像使用背景剪切：封面

Question

我正在尝试获取背景图像，以显示当前导航下图像的顶部。但是我无法弄清楚我在这里做错了什么。

HTML：

<section class="jumbotron">
    <div class="container">
        <br>.<br><br>.<br><br>.<br><br>.<br><br>.<br><br>.<br><br>.<br><br>.
    </div>
</section> 

CSS：

.jumbotron {
    background: url("../img/bg.jpg") no-repeat bottom #b1b0b6;
    padding: 10% 2%; 
    margin-top: 5%;
    background-size: cover;
    text-align: center;
    color: white;
    position: relative;
    overflow: hidden;
}

使用这些当前设置显示：

但完整的图像是这样的：

我的实时预览在这里：

http://podpanel.pw/

我已经筋疲力尽了。这有可能解决吗？

Answer 1

如果您想要显示图片under navigation的{​​{1}}，请尝试添加此CSS：

.jumbotron{
    background-position-y: 0;
}

background-position-y 属性会在y轴上设置背景图片的起始位置，我希望它对您有所帮助，谢谢。