イメージ背景を使用して切り取る：カバー

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のtop partを表示したい場合は、このCSSを追加してみてください：Y-上の背景画像の開始位置を設定し、意志

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

のbackground-position-yのプロパティ軸、私はそれがあなたに役立つことを祈って、ありがとう。