css - CSSで背景を固定？

Question

背景を体の 100% の高さに固定し、ページの残りの部分がスクロールしてもそのままにしたいと思います。

どうすればこれを達成できますか? 今私が持っているのはだけですbackground:url(bg.png);。画像の高さは 1200 ピクセル、幅は 20 ピクセルです。

score 4 · Accepted Answer

4

CSS では、これを使用します。

background-attachment: fixed;

于 2012-04-09T16:35:14.463 に答える

score 3 · Accepted Answer

背景画像に何をさせたいかによって、いくつかのオプションがあります。スケーリングを説明するフルスクリーン BG 画像に関する ALA に関する素晴らしい記事があります。

ブラウザで画像を配置するだけの場合は、次のようにします。

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

または、それぞれ配置したい方法（右上など）

score 0 · Accepted Answer

一部のブラウザでは、背景画像のストレッチをまだサポートしていないため、次の回避策があります。

すでに 1200px になっているのでbackground-attachment:fixed;、背景にを使用して、スクロール時に追従させることができます。w3schoolsでの例。素敵なグラデーションなどを使用して、画像を下部の無地に流れるように見せることができます.

3 に答える 3