静的中心とした背景画像

Question

私は、次のCSS

.bg 
{ 
    height:   100%; 
    background:  url("${image}") no-repeat center; 
    background-size: cover; 
    margin-top:  -7px; 
} 

そして、私は何を持っていると思いますが（そのような静的なイメージですが、その後、あなたはスクロールダウンした場合、このような

<div class = "bg"></div> 

としてそれを使用していイメージが残っている場合）、ページテキストが表示されます。どのように私のCSSを変更する必要がありますか？

マイページのテキストは

<div class = "container"> 
    <div class = "jumbotron well"> 
     <div class = "page-header"> 
      <h3>Header 
       <small>subheader</small> 
      </h3> 
     </div> 
     <p>Hello world</p> 
    </div> 
</div> 

EDITです： をさらに明確にするため。私が望むのは、テキストをスクロールすることができるように静的なフルスクリーンの画像（CSSがする）です。

Answer 1

ちょうどbackground-attachment: fixed;を追加してください。 そのようなものはうまくいくはずです。

body { 
 
    background-image: url('https://images.alphacoders.com/633/633643.jpg'); 
 
    background-size: cover; 
 
    background-attachment: fixed; 
 
    color: #fff; 
 
}

<div class="fixed-bg"></div> 
 
Just text<br> Just text<br> Just text<br>Just text<br>Just text<br>Just text<br>Just text<br>Just text<br>Just text<br>Just text<br>Just text<br>Just text<br>Just text<br>Just text<br>Just text<br>Just text<br>Just text<br>Just text<br>Just text<br>Just 
 
text 
 
<br>Just text<br>Just text<br>Just text<br>Just text<br>Just text<br>Just text<br>Just text<br>Just text<br>Just text<br>Just text<br>Just text<br>Just text<br>Just text<br>Just text<br>Just text<br>Just text<br>Just text<br>Just text<br>Just text<br>Just 
 
text 
 
<br>Just text<br>Just text<br>Just text<br>Just text<br>Just text<br>Just text<br>