CSSの背景画像をスクロールする

Question

この背景画像を他のページとスクロールさせるにはどうすればよいですか？ （バックグラウンドアタッチメント：スクロール;動作しません）スクロールする前に、背景イメージとロゴを私が残したい場所に配置しましたが、スクロールすると、ロゴとタイトルのスクロールは有効ですが、ナビゲータとバックグラウンドイメージは表示されません。

.content { 
    overflow: auto; 
    position: relative; 
    } 
.content:before { 
    content: ""; 
    position: fixed; 
    left: 0; 
    right: 0; 
    top:-175px; 
    z-index: -1; 

    display: block; 
    background-image: url("/assets/backgroundpic.jpg"); 
    background-size:cover; 
    background-position:center top; 

    width: 100%; 
    height: 500px; 
} 



<div class="container content text-center" style="position:relative;"> 
    <%= image_tag("/assets/logo-seal.png", size: "250x250", class: "img-responsive img-circle margin", style: "display:inline;margin-top:200px;") %> 
    <h1 style="font: 48px Oswald, sans-serif;">TITLE</h1> 
</div> 

Answer 1

この背景画像はposition: fixed;を持つ要素に割り当てられている簡単な方法です。要素はスクロールしない（固定されている）ので、バックグラウンドにもなりません。

この要素を修正せずに解決策を見つける必要があります。

Answer 2

は、あなたがここにjQueryを使用して問題を持っていない場合 https://bavotasan.com/2011/full-sizebackground-image-jquery-plugin/