CSSの背景が固定されていますか？

Question

バックグラウンドを100％身長に固定し、残りのページがスクロールしてもそこに残したいと思います。

どうすればよいですか？ 今私が持っているのはbackground:url(bg.png);です。画像の高さは1200px、幅は20pxです。

Answer 1

背景画像に何をしたいかによって、いくつかのオプションがあります。あなただけのブラウザで画像を配置するために探している場合

http://www.alistapart.com/articles/supersize-that-background-please/

は、あなたがどうなる：

background:url(bg.png) no-repeat top left; 
background-attachment:fixed; 

それともスケーリングを占め、フルスクリーンのBG画像についてALAの素晴らしい記事がありますしかし、あなたは、この使用し、CSSでそれぞれそれを配置したい（右上など）

Answer 2

：

background-attachment: fixed; 

を

Answer 3

一部のブラウザでは背景画像の伸縮をサポートできない場合がありますので、ここにはworkaroundです。

CSS3 Example and Support

それはすでに1200pxですので、あなたは彼らがスクロールするときに追従させるために背景にbackground-attachment:fixed;を使用することができます。例：w3schools。素敵なグラデーションなどを使って、下の方にソリッドカラーに流れるようなイメージにすることができます。