divに背景を固定するにはどうすればよいですか？

Question

私はサイトを持っていて、私のページの1つに、エディタのように見えるdivを使用しています。私はこのdivとその上のコンテンツの背景を持つことができます。私はdivでスクロールしながら、この背景を固定したままにしておきたい。

私のコードは次のようになります。

<div id="myEditorArea" style="vertical-align: top; width: 240px; height: 320px;  background-image: url('image.png'); background-repeat: no-repeat; background-position: center center; background-attachment:fixed; overflow:scroll; text-align: left;"> 

bla bla bla 

</div> 

背景には、固定されたままと私はdivの内側にスクロールすると、[OK]を動作します。問題は、ページ全体をスクロールするときに動いていることです。

誰かが問題になる可能性があることを知っていますか？事前ここ

Answer 1

で

おかげでbackground-attachment: fixed;http://www.w3schools.com/css/tryit.asp?filename=trycss_background-attachmentの一例です。それがあなたが必要とするものでなければなりません。 CSS

<div class="cd-fixed-bg cd-bg-1"> 
     <h1><!-- title goes here --></h1> 
    </div> 

：

Answer 2

ソース：https://codyhouse.co/gem/alternate-fixed-scroll-backgrounds/

HTML

body, html, main { 
    /* important */ 
    height: 100%; 
} 

.cd-fixed-bg { 
min-height: 100%; 
background-size: cover; 
background-attachment: fixed; 
background-repeat: no-repeat; 
background-position: center center; 
} 

.cd-fixed-bg.cd-bg-1 { 
background-image: url("../img/cd-background-1.jpg"); 
}